Skip to main content

Splash

Purpose

This screen is implemented using Expo and the lottie-react-native animation library.

Overview

Frameworks Used:
Purpose:
This splash screen displays a short animation using Lottie before transitioning into the main app UI.

Features

Prevents automatic hiding of the native splash screen using preventAutoHideAsync().
Displays a Lottie animation named splash_animation.json located in the assets folder.
Hides the splash screen programmatically after 1 second using hideAsync().

Notes

The animation file is:
assets/splash_animation.json
The animation runs once (loop={false}) and is set to autoPlay.
This screen is fully centered and stretches the animation to cover the screen dimensions.

Developer Tip

If you want to change the splash animation:

Replace the splash_animation.json file in the assets directory.
Ensure the new file path matches the one used in the require() statement.

    assets
      ├── splash_animation.json
    app
      ├── screens
          └── AnimatedSplashScreen.tsx

Purpose