How to implement a custom splash screen in React Native?

Question

Accepted Answer

**Splash screen** — loading screen shown at app startup.

**Using react-native-splash-screen:**
```bash
npm install react-native-splash-screen
```

**Setup:**
```tsx
import SplashScreen from 'react-native-splash-screen';

function App() {
  useEffect(() => {
    // Hide after initialization
    SplashScreen.hide();
  }, []);

return <MainApp />;
}
```

**With Expo:**
```json
// app.json
{
  "expo": {
    "splash": {
      "image": "./assets/splash.png",
      "resizeMode": "contain",
      "backgroundColor": "#ffffff"
    }
  }
}
```

**Best practices:**
- Keep splash screen simple.
- Show as long as necessary.
- Match app background color.
- Avoid complex animations.

React Native: How to implement a custom splash screen in React Native?