Make image galery SafeAreaView compatible

[404-html]

Screenshot below shows phone with the notch and gallery running with header defined. Whole app is wrapped into SafeAreaView and renderHeaderComponent goes off.

Here's header component from the screenshot:

const renderHeaderComponent = () => {
        return (
            <View
                style={{
                    height: 100,
                    width: '100%',
                    backgroundColor: 'white',
                }}>
                <Text>Hello World!</Text>
            </View>
        );
}

[mmaass]

as a workaround you can use SaveAreaView in the HeaderComponent

renderHeaderComponent={() => (
  <SafeAreaView>
    <View
      style={{
        height: 100,
        width: '100%',
      }}>
      <Button onPress={closeGallery} icon="close" mode="contained">
        schließen
      </Button>
    </View>
  </SafeAreaView>
)}