React原生巢状导览器

jyztefdp  于 2022-11-17  发布在  React
关注(0)|答案(1)|浏览(173)

因此,目前我使用的是Stack.Navigator和多个Stack.GroupStack.Screens
现在我想在导航器的底部插入:

import { createBottomTabNavigator } from '@react-navigation/bottom-tabs';

但它抛出:

知道怎么修吗?

qmelpv7a

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>

相关问题