Splash Screen

make one screen name Splashscreen.js and then add it to your navigator on the highest priority

Splashscreen.js


import React from 'react';
import {View, StyleSheet, Image} from 'react-native';

const Splashscreen = () => {
    return (
        <View className="w-full min-h-screen flex flex-col justify-center items-center">
            <Image className="w-24 h-24" source={require('../../assests/logo.png')}/>
        </View>
    );
}

const styles = StyleSheet.create({})

export default Splashscreen;