To customize the splash screen in Expo 53.0.9 without relying on App.tsx, you can configure it primarily through the app.json or app.config.js file and use the expo-splash-screen library for controlling its behavior. Since the latest Expo project structure (with Expo Router) no longer includes App.tsx by default, you’ll work with the root layout file (typically app/_layout.tsx) for any programmatic control.
1. Configure the Splash Screen in app.json.
The splash screen’s appearance (image, background color, etc.) is defined in the app.json file. Add or modify the splash property to customize it.
2. Control Splash Screen Behavior Programmatically
Since App.tsx is not used in Expo 53 with Expo Router, you can manage the splash screen in the root layout file (app/_layout.tsx). The expo-splash-screen library allows you to keep the splash screen visible while your app loads resources (e.g., fonts, API calls).
Read the Documentation here for better approach: