geniusApp/App.js

import {SafeAreaView, StyleSheet} from 'react-native';
import Navigation from "./componente/NavigationBar";

import ArtistCard from './componente/ArtistCard';
import ArtistPage from "./componente/ArtistePage";

export default function App() {
  //<ArtistCard name={"Eminem"} imageUri={"https://images.genius.com/76c536a17ca35f7edd1f78e129609fe0.573x573x1.jpg"}/>
    //        <ArtistPage name={"Eminem"} imageUri={"https://images.genius.com/76c536a17ca35f7edd1f78e129609fe0.573x573x1.jpg"}/>
  return (
    <>
        <SafeAreaView style={styles.topSafeArea}/>
        <SafeAreaView style={styles.mainSafeArea}>
            <Navigation/>
        </SafeAreaView>
    </>
  );
}

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