Our great sponsors
-
react-native-safe-area-context
A flexible way to handle safe area insets in JS. Also works on Android and Web!
-
SurveyJS
Open-Source JSON Form Builder to Create Dynamic Forms Right in Your App. With SurveyJS form UI libraries, you can build and style forms in a fully-integrated drag & drop form builder, render them in your JS app, and store form submission data in any backend, inc. PHP, ASP.NET Core, and Node.js.
If you haven't solved your issue yet, give this a go https://github.com/th3rdwave/react-native-safe-area-context Better to use their hook than the safeareaview component they provide, use that hook and use the values they provide as padding for your root view. This is more of a plaster solution to your problem because the navigation bar should not be displaying over the content but I'd need more context to help you with the issue.
Related posts
- How do I style the very bottom of my app, below the nav bar? Nothing I change seems to make a difference
- Struggling to solve this Check the render method of 'SafeAreaProvider' in my react app
- We just released rn-iphone-helper 2.0
- Has anyone used react-native-static-safe-area-insets ? I have used it and why is it returning me undefined ?
- New React Native app on google play 👇🏻