Wrapper.js

import BottomNavigator from "./components/BottomNavigator/BottomNavigator";

import { NativeBaseProvider } from "native-base";
import AppContext from "./Context/AppContext";
import { createTodayRow } from "./queries/tableSetup";
import React from "react";

import {
    checkOnboarding,
    setOnboardung,
    setGoal,
    setUnit,
} from "./utils/asyncStorage";
import FirstLaunch from "./screens/FirstLaunch/FirstLaunch";
import { createNativeStackNavigator } from "@react-navigation/native-stack";

const Stack = createNativeStackNavigator();

function Wrapper() {
    const [firstLaunch, setFirstLaunch] = React.useState(null);

    const { appState } = React.useContext(AppContext);
    React.useEffect(() => {
        async function fetchOnboardingData() {
            const onboarding = await checkOnboarding();
            await setGoal("2500");
            await setUnit();

            // Set onboarding === true to false after testing
            // if (onboarding === "false") {

            if (onboarding === "true") {
                setFirstLaunch(false);
                await setOnboardung();
                createTodayRow();
            } else {
                setFirstLaunch(false);
            }
        }

        fetchOnboardingData();
    }, [appState]);

    const { statusBarColor } = React.useContext(AppContext);
    return (
        firstLaunch != null && (
            <Stack.Navigator
                screenOptions={{
                    cardStyle: { backgroundColor: "red" },
                }}
            >
                {firstLaunch && (
                    <Stack.Screen
                        options={{ headerShown: false }}
                        name="Onboarding"
                        component={FirstLaunch}
                    />
                )}
                <Stack.Screen
                    name="Home"
                    options={{ headerShown: false }}
                    component={BottomNavigator}
                />
            </Stack.Navigator>
        )
    );
}

export default Wrapper;