首页 > 解决方案 > 反应本机导航模式不起作用

问题描述

我正在尝试按照此处的反应导航给出的示例将我的 AddRoomScreen 页面转换为模式页面,但没有运气。

一切都像经典堆栈一样工作......

我究竟做错了什么?

https://www.youtube.com/watch?v=4cFabEZDP70

const HomeStack = () => {
  return (
    <Tab.Navigator
      initialRouteName="MyGardenStack">
      <Tab.Screen
        name="GardensListStack"
        component={GardensListStack/>
      <Tab.Screen
        name="MyGardenStack"
        component={MyGardenStack}/>
      <Tab.Screen
        name="UserDetails"
        component={UserDetails}/>
    .....
const GardensListStack = () => {
  return (
    <Stack.Navigator mode="modal" headerMode="none">
      <Stack.Screen
        options={{headerShown: false}}
        name="GardensListMainStack"
        component={GardensListMainStack}
      />
      <Stack.Screen name="AddRoomScreen" component={AddRoomScreen} />
    </Stack.Navigator>
  );
};

标签: javascriptreact-nativemodal-dialogreact-navigation-v5

解决方案


推荐阅读