/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 vote148 views1 answer
Sort function in react js
Javascript React
0 vote146 views1 answer
How to make your own drop down react native
Javascript React
1 vote150 views1 answer
How to create a button with react
Javascript React
0 vote140 views1 answer
React import useCallBack
Javascript React
1 vote127 views3 answers
[PrivateRoute] is not a <Route> component. All component children of <Routes> must be a <Route> or <React.Fragment>
Javascript React
1 vote194 views2 answers
Push state array react
Javascript React
66 votes129 views4 answers
How to redirect to a website in react
Javascript React
3 votes131 views1 answer
Render image url in react native
Javascript React
6 votes140 views1 answer
React-native loading spinner
Javascript React
31 votes146 views1 answer
React router dom npm
Javascript React