/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 vote161 views3 answers
React-router-dom status code 301
Javascript React
0 vote189 views1 answer
Create react app with vite
Javascript React
0 vote123 views1 answer
How to use algolia react native
Javascript React
0 vote163 views1 answer
Render(<App />); const linkElement = screen.getByText(/learn react/i); expect(linkElement).toBeInTheDocument();
Javascript React
0 vote168 views4 answers
How to pass data between routes in react
Javascript React
0 vote209 views1 answer
React router redirect with query params
Javascript React
0 vote183 views1 answer
Install react-foundation library in react js
Javascript React
16 votes185 views3 answers
Importing svg into react
Javascript React
22 votes166 views3 answers
How to use if else inside jsx in react
Javascript React
0 vote172 views1 answer
Websocket with Node and React
Javascript React