search

hoaphantn7604 / react-native-curved-bottom-bar

A high performance, beautiful and fully customizable curved bottom navigation bar for React Native.
MIT License
468 stars 98 forks source link

Not showing TabItem #30

Closed Patel-Ruchita closed 2 years ago

Patel-Ruchita commented 2 years ago

TabItem not showing on tabbar

Simulator Screen Shot - iPhone 11 - 2022-06-24 at 13 51 20

joshkleyman commented 2 years ago

I was having the same issue. If you copy/pasted the example nearly word for word, ensure that your "position" on your CurvedBottomBar.Screen components is in ALL CAPS.

<CurvedBottomBar.Screen ... position="LEFT" options={{ headerShown: false }} // This is also available to you. Using this and the above in all caps fixed the bug for me.

Here is where I looked at full example code. https://github.com/hoaphantn7604/react-native-template-components/blob/master/template/src/navigators/bottombar/index.tsx