/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 vote137 views2 answers
'Switch' is not exported from 'react-router-dom'
Javascript React
0 vote149 views1 answer
Hot loading react native shortcut key
Javascript React
0 vote145 views1 answer
React navigation history clear
Javascript React
1 vote133 views1 answer
How to upload image in react js
Javascript React
0 vote147 views1 answer
How to add icon in react js
Javascript React
0 vote141 views5 answers
Arrow function component react shortcut vscode
Javascript React
0 vote168 views1 answer
React-native firebase v9+ config
Javascript React
1 vote143 views1 answer
React native new project mac
Javascript React
13 votes131 views1 answer
Round button corner right react native
Javascript React
0 vote137 views1 answer
Gradlew command not found react native
Javascript React