/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 vote197 views1 answer
React native bootstrap
Javascript React
-1 vote199 views1 answer
How to retrieve filename from a blob response in react js
Javascript React
1 vote245 views1 answer
How to setup React Context, useContext Hook
Javascript React
262 votes288 views6 answers
Create a react native project
Javascript React
4 votes230 views4 answers
React background gradient
Javascript React
1 vote229 views1 answer
React place div at center of page
Javascript React
2 votes250 views1 answer
Remove header border react native
Javascript React
0 vote229 views1 answer
React $ r component instance console
Javascript React
1 vote199 views1 answer
React native onpress show component
Javascript React
0 vote217 views1 answer
React native fade in fade out animation
Javascript React