/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 vote303 views2 answers
Why navlink in react router always active
Javascript React
0 vote309 views1 answer
./node_modules/react-draft-wysiwyg/dist/react-draft-wysiwyg.js
Javascript React
0 vote273 views2 answers
Call a method of component from outside react
Javascript React
0 vote282 views1 answer
Node closes once you open app react-native
Javascript React
-1 vote281 views1 answer
Spotify player react
Javascript React
23 votes306 views6 answers
React hooks useeffect
Javascript React
2 votes273 views1 answer
React native responsive font
Javascript React
0 vote277 views1 answer
How to change height of bottom material tab navigator from react-naviagtion
Javascript React
0 vote275 views1 answer
Disable enter on input field react
Javascript React
1 vote300 views1 answer
Image touchable opacity react native
Javascript React