1 回答
TA貢獻2003條經驗 獲得超2個贊
您可以TabNavigator使用所需的屏幕創建一個。然后將它包含在您MainStackNavigator而不是Swipe屏幕組件中。
首先,您可以創建TabNavigator這樣的。
import { createBottomTabNavigator } from '@react-navigation/bottom-tabs';
const Tab = createBottomTabNavigator();
const TabNavigator = () => {
return (
<Tab.Navigator>
<Tab.Screen name="Screen1" component={Screen1} />
<Tab.Screen name="Screen2" component={Screen2} />
<Tab.Screen name="Screen3" component={Screen3} />
</Tab.Navigator>
);
};
然后,將它包含在您MainStackNavigator而不是像Swipe這樣的屏幕組件中。
const MainStackNavigator = () => {
return (
<Stack.Navigator
screenOptions={{
cardStyle: { backgroundColor: theme['primaryColor'] },
header: () => <MenuComponent />,
}}>
<Stack.Screen name="Logins" component={LoginScreen} />
<Stack.Screen name="Tabs" component={TabNavigator} />
<Stack.Screen name="List" component={ListScreen} />
<Stack.Screen name="Detail" component={DetailScreen} />
</Stack.Navigator>
);
};
如果您對此有任何問題,請在這里發表評論。
添加回答
舉報
