How to remove Default Navigation Header

How to remove Default Navigation Header

Add this code to the page

import { useNavigation } from '@react-navigation/native'
import { useLayoutEffect } from 'react';
 const navigation= useNavigation();

  useLayoutEffect(() => {
    navigation.setOptions({
      headerShown:false,
    })
  }, [])

Now you need to add safe areaview so add the following code

import { SafeAreaView } from 'react-native-safe-area-context';
<SafeAreaView>
//your screen code
</SafeAreaView>

Add these for Auto Status Bar

import { StatusBar } from 'expo-status-bar';
   <StatusBar style="auto" />