The purpose of SafeAreaView is to render content within the safe area boundaries of a device.

So if you want to apply the background color everywhere, you may do this instead :

<View style={{ flex: 1, backgroundColor: "olive" }}>
    <SafeAreaView style={{ flex: 1 }}>
        {/* ... */}
    </SafeAreaView>
</View>