/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

6 votes370 views6 answers
Shadow react native generator
Javascript React
0 vote413 views1 answer
Enzynme not support react 17
Javascript React
0 vote368 views1 answer
React select remove the loading indicator
Javascript React
0 vote396 views1 answer
Use navigate in class component react native
Javascript React
0 vote390 views2 answers
React materialize cdn
Javascript React
0 vote409 views1 answer
A form label must be associated with a control react
Javascript React
3 votes389 views1 answer
React proxy error: could not proxy request from localhost:3000 to http localhost:5000 econnreset
Javascript React
1 vote405 views1 answer
React map array limit
Javascript React
12 votes411 views2 answers
How to integrate redux dev tool to react application
Javascript React
6 votes425 views2 answers
How do I conditionally add attributes to React components?
Javascript React