/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 vote175 views2 answers
Hosting react on gh pages
Javascript React
18 votes146 views6 answers
React native create apk
Javascript React
0 vote136 views1 answer
Images not displaying in react
Javascript React
0 vote135 views3 answers
React counter animation
Javascript React
0 vote118 views2 answers
Install react webpack
Javascript React
1 vote146 views2 answers
Push values to state array class react
Javascript React
0 vote137 views1 answer
Create app with a specific react version
Javascript React
4 votes139 views6 answers
Location of release apk in react native
Javascript React
0 vote139 views1 answer
How to detect an element is been hovered in react
Javascript React
0 vote151 views3 answers
How to serve React JS static files with express JS?
Javascript React