geniusApp/App.js

import {SafeAreaView, StyleSheet} from 'react-native';
import React from "react";
import BottomTabNavigator from "@react-navigation/bottom-tabs/src/navigators/createBottomTabNavigator";
import NavigationBar from "./componente/NavigationBar";

export default function App() {
    return (
    <>
        <SafeAreaView style={styles.topSafeArea}/>
        <SafeAreaView style={styles.mainSafeArea}>
            <NavigationBar/>
        </SafeAreaView>
    </>
  );
}

const styles = StyleSheet.create({
    mainSafeArea: {
        flex: 1,
        backgroundColor: "#7a96e9"
    },
    topSafeArea: {
        flex: 0,
        backgroundColor: 'darksalmon'
    }
});