App.js

import {React, useEffect, useState} from 'react';
import Intro from './app/screens/Intro';
import NoteScreen from './app/screens/NoteScreen';
import NoteDetail from './app/components/NoteDetail';
import NoteProvider from './app/contexts/NoteProvider';
import AsyncStorage from '@react-native-async-storage/async-storage';
import {NavigationContainer} from '@react-navigation/native';
import {createNativeStackNavigator} from '@react-navigation/native-stack';

const Stack = createNativeStackNavigator();

export default function App() {
  const [user, setUser] = useState({});
  const [isFirstTime, setIsFirstTime] = useState(false);

  const findUser = async () => {
    const result = await AsyncStorage.getItem('user');
    if (result !== null) {
      setIsFirstTime(false);
      return setUser(JSON.parse(result));
    } else {
      setIsFirstTime(true);
    }
  };

  useEffect(() => {
    findUser();
  }, []);

  const RenderNoteScreen = props => <NoteScreen {...props} user={user} />;

  if (isFirstTime) {
    return <Intro onFinish={findUser} />;
  }
  return (
    <NavigationContainer>
      <NoteProvider>
        <Stack.Navigator
          screenOptions={{headerTitle: '', headerTransparent: true}}>
          <Stack.Screen name="NoteScreen" component={RenderNoteScreen} />
          <Stack.Screen name="NoteDetail" component={NoteDetail} />
        </Stack.Navigator>
      </NoteProvider>
    </NavigationContainer>
  );
}