/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

5 votes392 views1 answer
Redirect in netlify react
Javascript React
0 vote405 views1 answer
`ForwardRef(ListboxComponent)`, expected a ReactNode. at ListboxComponent
Javascript React
3 votes359 views1 answer
React data attributes event
Javascript React
0 vote320 views2 answers
Undo npm run eject react
Javascript React
8 votes399 views3 answers
Icon shwoing a box react native vector icons
Javascript React
0 vote357 views1 answer
Showing a custom toast function for react-toastify - Toast show
Javascript React
0 vote360 views1 answer
React infinte scroll
Javascript React
7 votes374 views1 answer
How to place a line break in react native
Javascript React
2 votes352 views1 answer
How to get current URL with Javascript or React
Javascript React
0 vote374 views1 answer
How to get circle around text in react natvie
Javascript React