react-native
react-native copied to clipboard
refactor: some adjustments to safe area styling
Issue:
What I did
as a follow up to #345 I've added some changes to make the no safe area settings only apply to the preview and to make it so the navigation bar doesn't float.
This works by having the safe area insets for the navigation bar when the ui is visible but when you hide the ui then the full screen can be used
How to test
run the example app and open the outside safe area story
With UI hidden:
![image](https://user-images.githubusercontent.com/3481514/179309695-922182f9-f26b-491d-9d52-50cf3697aea4.png)
With UI Visible
![image](https://user-images.githubusercontent.com/3481514/179309778-9758a271-5dce-495a-a377-b0261ef4e03a.png)
heres a few small iterations on your changes @pvinis what do you think?