/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

9 votes224 views1 answer
How to create a react app in current folder
Javascript React
0 vote195 views1 answer
React native run android common error
Javascript React
0 vote192 views4 answers
Router react how to pass data to class component
Javascript React
0 vote181 views1 answer
OnPress image react native
Javascript React
0 vote390 views3 answers
Github react hardhat nft marketplace application
Javascript React
5 votes187 views2 answers
Svg react native
Javascript React
1 vote177 views1 answer
How to check if bottom tab is active in react native material bottom tab
Javascript React
0 vote187 views1 answer
React component will mount new method
Javascript React
18 votes183 views6 answers
React native build
Javascript React
0 vote174 views1 answer
React rative release
Javascript React