/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

29 votes144 views2 answers
React or vue
Javascript React
0 vote143 views1 answer
[Design System React] App element is not defined. Please use Settings.setAppElement(el)
Javascript React
3 votes158 views3 answers
How to manage safearea in both iphone and android in react native
Javascript React
3 votes176 views1 answer
React hooks send data from child to parent
Javascript React
0 vote147 views1 answer
React-google-invisible-recaptcha
Javascript React
1 vote146 views1 answer
Found page without a React Component as default export in
Javascript React
4 votes133 views2 answers
[!] CocoaPods could not find compatible versions for pod "ReactCommon/jscallinvoker": In Podfile: ReactCommon/jscallinvoker (from `../node_modules/react-native/ReactCommon`)
Javascript React
0 vote152 views1 answer
Use this in a react js component
Javascript React
0 vote140 views1 answer
Strike react native
Javascript React
1 vote149 views3 answers
Iframe in react
Javascript React