/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 vote229 views1 answer
React native application architecture
Javascript React
1 vote208 views1 answer
How to resize react icons
Javascript React
-2 votes154 views2 answers
React native margin
Javascript React
0 vote206 views1 answer
React native image path in vriable
Javascript React
-1 vote108 views1 answer
React index.js BrowserRouter
Javascript React
0 vote150 views1 answer
React 5 to 10 rating
Javascript React
13 votes146 views4 answers
React native android build apk
Javascript React
6 votes158 views2 answers
How do I conditionally add attributes to React components?
Javascript React
2 votes146 views1 answer
React nginx returns 404 after reload
Javascript React
0 vote151 views1 answer
To do list app react code
Javascript React