Menu
I want to create a BottomTabBar for my app. I have used TabBarIOS component for the same and it works perfectly on iOS. Is there any component for the Android as well?
I have checked react-native-tabs but it doesn't support images I guess and the badge icon for notification.
Any ideas?
200
Add icons to the tab bar To add icons to each tab, first import the Icon component from react-native-vector-icons library inside the navigation/TabNavigator/index. js file. For this example, let's use AntDesign based icons. // after other import statements import Icon from 'react-native-vector-icons/AntDesign';
In order to change current tab index in React Native Navigation, you need to do merge options for bottomTabs option: Navigation. mergeOptions(this. props.
To create a Top Tab Navigator, we need to use the createMaterialTopTabNavigator function available in the react-navigation library. It is designed with the material theme tab bar on the top of the screen. It allows switching between various tabs by tapping them or swiping horizontally.
I guess this plugin will serve your purpose:
https://github.com/brentvatne/react-native-scrollable-tab-view
64
If you love us? You can donate to us via Paypal or buy me a coffee so we can maintain and grow! Thank you!
Donate Us With
