/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

3 votes201 views1 answer
Latest react version npm
Javascript React
0 vote198 views1 answer
React native getting old navigation parameter
Javascript React
13 votes195 views2 answers
Download react devtools for chrome
Javascript React
1 vote197 views2 answers
Line break in react
Javascript React
0 vote306 views1 answer
When reload the page the route gone in react js laravel
Javascript React
0 vote230 views1 answer
Htaccess to deploy react app to cpanel
Javascript React
0 vote209 views1 answer
React router not working with aws amplify
Javascript React
2 votes197 views2 answers
Add 2 class names react
Javascript React
0 vote177 views1 answer
Why doesn't'$' work in react
Javascript React
0 vote206 views4 answers
Router react how to pass data to class component
Javascript React