React Native Tab Navigator first tab is focused by default

Question

I'm using React Native BottomTabNavigator.

Example:

<Tab.Navigator tabBarOptions={tabBarOptions} screenOptions={screenOptions}>
  <Tab.Screen name="Home" component={Home} />
  <Tab.Screen name="Saved" component={Saved} />
  <Tab.Screen name="Map" component={Map} />
  <Tab.Screen name="Profile" component={Profile} />
</Tab.Navigator>

I want to make the last tab focused instead of the first. I can't find any option in the documentation.

It should be something like options={{ focused: true }} Or maybe it's not implemented at all

set a ```initialRouteName``` prop for your tab navigator. – Vahid Alimohamadi Oct 03 '20 at 07:07 — Vahid Alimohamadi, Oct 03 '20 at 07:07

score 0 · Answer 1 · answered Jun 29 '22 at 20:36

0

<Tab.Navigator initialRouteName={"Your Initial Screen Name"}
...>
</Tab.Navigator>

answered Jun 29 '22 at 20:36

ATEC HUO

3
2

React Native Tab Navigator first tab is focused by default

1 Answers1