首页
学习
活动
专区
圈层
工具
发布
首页
学习
活动
专区
圈层
工具
MCP广场
社区首页 >问答首页 >包装在SwitchNavigator中的选项卡导航器无法获取带上一步按钮的标题栏

包装在SwitchNavigator中的选项卡导航器无法获取带上一步按钮的标题栏
EN

Stack Overflow用户
提问于 2019-04-22 04:49:34
回答 2查看 112关注 0票数 0

现在,我有一个开关导航器与我的所有屏幕,以便能够路由一切。设置如下。一旦登录,我的应用程序启动会将我带到登录页面,并将我带到TabNavigator,其中有我的主屏幕。我的主屏幕上有一个事件列表。当点击事件时,它会将您带到一个更详细的页面。这个详细的页面应该有一个标题栏与后退按钮,以返回到主主页屏幕。到目前为止,还没有办法将标题栏设置为返回。

代码语言:javascript
复制
render() {

         return(<AppContainer />);

  }
}

const HomeTabNavigator = createBottomTabNavigator({
  Home {
    screen: Home
  },
  Settings
});



const AppStackNavigator = createSwitchNavigator({
  Home: {
    screen: Login,  
  },
  Signup: { 
    screen: Signup,
    navigationOptions: {
      //title: 'Registration',
      //header: null
    }
  },
  Main: {
    screen: HomeTabNavigator,
    navigationOptions: {

    }
  },
  Event: {
    screen: Event,
    navigationOptions: {
      title: "Pickup",
    }
  }
});

const AppContainer = createAppContainer(AppStackNavigator);

“事件”屏幕是从列表中的屏幕,这应该有标题“拾取”与后退按钮,但它没有显示

导航的gif:http://recordit.co/bmAWxsIEpp

EN

回答 2

Stack Overflow用户

发布于 2019-04-23 00:24:53

感谢Ziyo为我指明了正确的方向。

switchStackNavigator和stacknavigator的用途不同。它们是不可互换的。switchStack实际上是创建的,所以对于像身份验证这样只想显示单个屏幕的情况,没有后退按钮。

https://reactnavigation.org/docs/en/switch-navigator.html

票数 0
EN

Stack Overflow用户

发布于 2019-04-23 01:02:35

代码语言:javascript
复制
const HomeTabNavigator = createBottomTabNavigator({
  Home {
    screen: Home
  },
  Settings
});

const StackNavigation = createStackNavigator({
  Main: HomeTabNavigator
})

const AppStackNavigator = createSwitchNavigator({
  ...
  Main: {
    screen: StackNavigation, // Right here you would have a stack navigation
    navigationOptions: {

    }
  },
  ...
});

票数 0
EN
页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接:

https://stackoverflow.com/questions/55786641

复制
相关文章

相似问题

领券
问题归档专栏文章快讯文章归档关键词归档开发者手册归档开发者手册 Section 归档