SafeAreaView
only works alone when used on mobile
. When used on web
, the app needs to be wrapped with SafeAreaProvider
.
Please refer to https://docs.expo.dev/versions/latest/sdk/safe-area-context/#components, where it states that "If you are targeting web, you must set up SafeAreaProvider
as described in the Context section."