Fix use of safe area view

[SjaakSchilperoort]

Needed for https://github.com/observation/app/issues/967

[SjaakSchilperoort]

Zo lijkt ie wel goed te werken, op zowel Android als iOS

[jonathan-waarneming-nl]

Ik zie dit bij iOS:

[SjaakSchilperoort]

Zo beter?

[SjaakSchilperoort]

Zo beter?

Kennelijk niet. ObsIdentify op iOS is in orde, maar op Android krijg ik dit. Het valt niet mee ...

[SjaakSchilperoort]

Wat hier kennelijk aan de hand is (mbv chatgpt):

The Lightbox is not a React Navigation modal — it's a raw Modal from React Native (wrapped inside react-native-image-viewing). This changes the safe-area behavior compared to navigation-managed modals:

Platform	Who applies safe area?
iOS	No automatic insets in full-screen custom modals → you must add them yourself
Android (API 30+ edge-to-edge)	The library internally uses SafeAreaView or system insets → safe area is already applied

De huidige implementatie gebruikt SafeAreaView van React Native, en die doet precies wat nodig is: insets op iOS en niets op Android. Als we SafeAreaView/useSafeAreaInsets van react-native-safe-area-context gaan gebruiken, moeten we die enkel toepassen op iOS. Dat zou mijn case fixen.

Maar van de mix van drie repo's, twee platforms en twee safe-area views word ik behoorlijk confuus. Laten we eerst maar de updates de deur uit doen, dan kijk ik hier op een rustig moment nog eens naar.

[jonathan-waarneming-nl]

Maar van de mix van drie repo's, twee platforms en twee safe-area views word ik behoorlijk confuus. Laten we eerst maar de updates de deur uit doen, dan kijk ik hier op een rustig moment nog eens naar.

Groot gelijk 😅