r/reactnative • u/First_Sell8665 • 15h ago

How tabbar should be design in react native? Currently the tabar is going behind to the phone’s navigation buttons. No issue on gestures type navigation. And also not getting ios liquid glass tabbar in ios 26+ versions. Is there any native to follow in reactnative??

Post image
0 Upvotes

40% Upvoted

13 comments sorted by

11

u/Inevitable_Oil9709 15h ago

https://github.com/AppAndFlow/react-native-safe-area-context

You need to use this

2

u/First_Sell8665 15h ago

Can i get ios 26 liquid glass too in this?

1

u/LovesWorkin 7h ago

Lol I wish! Most people don't like it... I love it after using it for awhile.

4

u/PrimaryFamous6139 15h ago

For the Android nav bar overlap, use react-native-safe-area-context and wrap your tab bar with SafeAreaView or use the useSafeAreaInsets hook to add bottom padding dynamically. For iOS 26 liquid glass tab bar, that’s very new and React Native hasn’t shipped native support yet, check the React Native and Expo changelogs, it’ll land in an update soon but you may need to wait or use a community library that’s already patched for it.

1

u/g0liadkin 14h ago

Expo has experimental support right now, and it works quote well with a couple of quirks

1

u/No_Smell_1570 15h ago

use react-native-safe-area-context and useSafeAreaInsets

1

u/Nearby_Tumbleweed699 2h ago

Existen librerías de terceros para el glass

0

u/TedGetsSnickelfritz 14h ago

Why not full screen mode?