/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 vote257 views1 answer
Ng-class equivalent in react
Javascript React
0 vote204 views1 answer
React native scrollview full height
Javascript React
7 votes262 views3 answers
How to route react from laravel
Javascript React
3 votes236 views5 answers
React date range picker
Javascript React
0 vote213 views1 answer
React-data-table-component edit action
Javascript React
0 vote208 views1 answer
React-with-firebase-auth
Javascript React
0 vote194 views5 answers
Line 7:18: 'Section' is not defined react/jsx-no-undef
Javascript React
5 votes197 views2 answers
Get url query in react
Javascript React
0 vote262 views1 answer
Flipper semantic issue react native
Javascript React
14 votes270 views4 answers
React how to update state array
Javascript React