/Javascript/React/Nested navigation react native

Nested navigation react native

const Tab = createBottomTabNavigator();

function HomeTabs() {
  return (
    <Tab.Navigator>
      <Tab.Screen name="Feed" component={FeedScreen} />
      <Tab.Screen name="Profile" component={ProfileScreen} />
      <Tab.Screen name="Account" component={AccountScreen} />
    </Tab.Navigator>
  );
}

const Stack = createStackNavigator();

export default function App() {
  return (
    <NavigationContainer>
      <Stack.Navigator>
        <Stack.Screen name="Home" component={HomeTabs} />
        <Stack.Screen name="Settings" component={SettingsScreen} />
      </Stack.Navigator>
    </NavigationContainer>
  );
}

Source: google.com

Similar codes

0 vote383 views1 answer
Get rid of header bar react native
Javascript React
0 vote364 views1 answer
Float right react native
Javascript React
0 vote434 views1 answer
Setstate after timeout react
Javascript React
2 votes382 views2 answers
Update specific properties of an object react spread operator
Javascript React
0 vote383 views1 answer
Get api data from localhost in react native
Javascript React
0 vote377 views1 answer
Cookies in react native
Javascript React
0 vote398 views1 answer
How to put react compnent to bottom
Javascript React
0 vote419 views1 answer
Text input placeholder font family react native
Javascript React
0 vote381 views1 answer
This.props undefined react native
Javascript React
0 vote365 views1 answer
How to detect an element is been hovered in react
Javascript React