Я очень новичок в React/React Native...
Я работаю с React Navigator 5. У меня есть навигация по вкладкам на главном экране, и я хочу создать навигацию по стеку (с новыми экранами вне контейнера навигации по вкладкам) для двух «вкладок» в структуре навигации по вкладкам. Это то, что называется «вложенной навигацией»?
Спасибо
Создайте контейнер Root Stack и вкладку Container. Если вы хотите показать вкладки в контейнере стека, укажите компонент как вкладку Контейнер.
Например. :
import React from "react";
import { createBottomTabNavigator } from "@react-navigation/bottom-tabs";
import { NavigationContainer } from "@react-navigation/native";
import { createStackNavigator } from "@react-navigation/stack";
const Tab = createBottomTabNavigator();
const Stack = createStackNavigator();
const MyTabs = () => {
const Navigation = () => (
<NavigationContainer>
<Stack.Navigator>
<Stack.Screen name = "Login" component = {Login} />
<Stack.Screen name = "Home" component = {BottomNav} />
<Stack.Screen name = "Profile" component = {Profile} />
</Stack.Navigator>
</NavigationContainer>
);
const BottomNav = () => (
<Tab.Navigator>
<Tab.Screen name = "Streams" component = {Streams} />
<Tab.Screen name = "Tweets" component = {Tweets} />
<Tab.Screen name = "Reported" component = {Reported} />
<Tab.Screen name = "Leaderboard" component = {Leaderboard} />
</Tab.Navigator>
);
return <Navigation />
}
export default MyTabs;