Tech TutorBangla Web Documentation
Portfolio
HomeHTMLCSSTailwind CSSJavaScriptTypeScriptReactNext.jsNode.jsExpressSocket.IOExpoWordPressPostgreSQLPrismaPostgresNestJSMongoDBDockerTanStackTanStack TableRTK QueryGitGitHub
  • Expo Documentation40টি অধ্যায়
প্রযুক্তি নির্বাচন
HomeHTMLCSSTailwind CSSJavaScriptTypeScriptReactNext.jsNode.jsExpressSocket.IOExpoWordPressPostgreSQLPrismaPostgresNestJSMongoDBDockerTanStackTanStack TableRTK QueryGitGitHub
  • Expo Intro
  • Expo vs React Native
  • RN Basics
  • Environment Setup
  • Project Setup
  • Project Structure
  • App Config
  • Expo Router Intro
  • Stack Navigation
  • Tabs Navigation
  • Core Components
  • Styling & Flexbox
  • Safe Area
  • Scroll & Lists
  • Forms & State
  • AsyncStorage
  • Project: Task Actions
  • Project: Screens
  • Images & Assets
  • Icons & Fonts
  • Theming
  • Camera & Picker
  • Notifications
  • Location & Maps
  • SQLite
  • API & Fetch
  • Loading & Errors
  • Secure Store & Auth
  • Auth Session
  • AppState & Network
  • Performance
  • Debugging & Tests
  • Config & Env
  • Splash & Updates
  • EAS Build
  • EAS Update
  • Store Submission
  • Common Mistakes
  • Best Practices
  • Interview Questions
  1. Docs
  2. Expo
  3. Splash screen নিয়ন্ত্রণ ও expo-updates
ExpoAdvanced

Splash screen নিয়ন্ত্রণ ও expo-updates

launch hide timing ও OTA update-এর প্রস্তুতি।

6টি অংশবাংলা ভাষায়

Asset (font/image) লোড শেষ না হওয়া পর্যন্ত splash দেখান — `expo-splash-screen`:

import * as SplashScreen from "expo-splash-screen";
import { useFonts } from "expo-font";

SplashScreen.preventAutoHideAsync();

export default function RootLayout() {
  const [fontsLoaded] = useFonts(FontMap);
  if (fontsLoaded) {
    SplashScreen.hideAsync();
  }
  return <Stack />;
}

Android adaptive icon — android.adaptiveIcon.foregroundImage (safe-zone-এর ভিতরে) + backgroundColor।

OTA update — expo-updates দিয়ে JS আপডেট ইনস্টল ছাড়াই:

terminalbash
bash
npx expo install expo-updates
npx eas update --channel production --message "bugfix"
runtime version

Native binary বদলে গেলে OTA update হবে না (runtime version mismatch) — native পরিবর্তন হলে store build দরকার। splash-এ crash এড়াতে _layout.tsx-এ try/catch।

শেষ প্যারায় নিজে practice করুন — কোড কপি করে নিজের এডিটরে চালিয়ে দেখুন।
আগেরapp.config.ts ও env variablesপরেরEAS Build — cloud-এ native binary
Tech Tutor

বাংলায় ওয়েব ডেভেলপমেন্ট ডকুমেন্টেশন শিখুন — ধাপে ধাপে।

Homeসব ডকুমেন্টেশনQuick Startআমার নোটস

© 2026 Tech Tutor. বাংলায় শিখুন, বাংলায় গড়ুন।

mdanamolhasan1998@gmail.com