/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

1 vote401 views1 answer
How to add react icons using yarn
Javascript React
5 votes341 views2 answers
Update react version
Javascript React
-2 votes364 views1 answer
2 taps is required to close keyboad in react native
Javascript React
0 vote355 views1 answer
Background image in react from variable
Javascript React
2 votes374 views1 answer
React strict mode
Javascript React
2 votes337 views1 answer
React not getting img by src
Javascript React
0 vote359 views2 answers
Prism react renderer
Javascript React
0 vote404 views1 answer
React native center text vertically full screen
Javascript React
7 votes312 views4 answers
React router link
Javascript React
0 vote387 views1 answer
Import batch from 'react-redux'
Javascript React