因此,目前我使用的是Stack.Navigator和多个Stack.Group和Stack.Screens现在我想在导航器的底部插入:
Stack.Navigator
Stack.Group
Stack.Screens
import { createBottomTabNavigator } from '@react-navigation/bottom-tabs';
但它抛出:
知道怎么修吗?
qmelpv7a1#
您需要为具有底部导航的屏幕创建一个组件,如下所示:
const Tab = createBottomTabNavigator(); const TabScreens = () => { return ( <Tab.Navigator> <Tab.Screen nome={'home'} component={Home} /> </Tab.Navigator> ); }
然后,像普通组件/屏幕一样将其放入Stack Navigator中
<NavigationContainer> <Stack.Navigator> <Stack.Screen name={'TabScreens'} component={TabScreens} /> </Stack.Navigator> </NavigationContainer>
1条答案
按热度按时间qmelpv7a1#
您需要为具有底部导航的屏幕创建一个组件,如下所示:
然后,像普通组件/屏幕一样将其放入Stack Navigator中