Warning: file_get_contents(/data/phpspider/zhask/data//catemap/0/react-native/7.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Reactjs 将createStackNavigator、BottomTabNavigator和Modal组合在一起进行本机导航_Reactjs_React Native_React Native Navigation - Fatal编程技术网

Reactjs 将createStackNavigator、BottomTabNavigator和Modal组合在一起进行本机导航

Reactjs 将createStackNavigator、BottomTabNavigator和Modal组合在一起进行本机导航,reactjs,react-native,react-native-navigation,Reactjs,React Native,React Native Navigation,我目前的导航结构如下所示: 新闻源(在RootBottomTabNavigator中) 新闻提要 评论模态 搜索(在RootBottomTabNavigator中) 我无法通过此设置解决的两个问题是: 隐藏NewsfeedItem和CommentModal屏幕上的底部选项卡 单击选项卡返回初始屏幕不再有效,因为导航堆栈认为NewsfeedItem是初始屏幕 是否有解决这些问题的设置 const NewsfeedStack = createStackNavigator( { N

我目前的导航结构如下所示:

  • 新闻源(在RootBottomTabNavigator中)
    • 新闻提要
    • 评论模态
  • 搜索(在RootBottomTabNavigator中)
我无法通过此设置解决的两个问题是:

  • 隐藏NewsfeedItem和CommentModal屏幕上的底部选项卡
  • 单击选项卡返回初始屏幕不再有效,因为导航堆栈认为NewsfeedItem是初始屏幕
  • 是否有解决这些问题的设置

    const NewsfeedStack = createStackNavigator(
      {
        Newsfeed: {
          screen: NewsfeedScreen,
        },
        NewsfeedItem: {
          screen: NewsfeedItemScreen,
        },
      }
    );
    
    const NewsfeedItemStack = createStackNavigator(
      {
        Main: {
          screen: NewsfeedStack,
        },
        CommentModal: {
          screen: CommentModal,
        },
      },
      {
        mode: 'modal',
        headerMode: 'none',
      }
    );
    
    const SearchStack = createStackNavigator(
      {
        Search: { screen: SearchScreen }
      }
    )
    
    const Tabs = createBottomTabNavigator(
        {
            Newsfeed: { screen: NewsfeedStack },
            Search: { screen: SearchStack },
        },
    );