/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 vote244 views2 answers
React Class components LifeCycles
Javascript React
1 vote222 views1 answer
How to use array of object in react
Javascript React
9 votes284 views3 answers
Disable yellow box react native
Javascript React
4 votes254 views3 answers
Reactjs date format dd/mm/yyyy
Javascript React
0 vote255 views1 answer
React native filter list
Javascript React
0 vote245 views1 answer
React native flexbox 2 columns 1 fixed width
Javascript React
1 vote253 views1 answer
Rendering, reconciliation, committing in react
Javascript React
0 vote232 views1 answer
Onclick hold react
Javascript React
3 votes234 views1 answer
UseNav react router
Javascript React
0 vote193 views1 answer
Dull a background image in react native
Javascript React