React Native Tab NavigationReact Native Tab Navigation is the most common navigation style in the mobile applications. The Tab Navigation is tabbed at the bottom of the screen or on the top below the header or sometimes as a header. It is used to switch between different route screens. To create Tab-based navigation, import createBottomTabNavigator and createAppContainer in the root functions of the react-navigation library. Bottom Tab Navigator ConfigurationThere are various configurable props of BottomTabNavigator. Some of them are:
Tab - based navigation ExampleCreate the two classes named as HomeScreen and ProfileScreen. Register these classes in createBottomTabNavigator function with Home and Profile tab respectively. Output: If we set the initialRouteName: "Profile" then, it loads the "ProfileScreen" as an initial route tab.
Next TopicAdding Icons at Bottom of Tab Navigation
|