Material top-tabs navigator example

1. How do I create a top tab navigator in react-native?
2. How do I customize my react-native tab view?

How do I create a top tab navigator in react-native?

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.

How do I customize my react-native tab view?

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';