首页
学习
活动
专区
圈层
工具
发布
首页
学习
活动
专区
圈层
工具
MCP广场
社区首页 >问答首页 >重置主屏幕的导航堆栈(响应导航并响应本机)

重置主屏幕的导航堆栈(响应导航并响应本机)
EN

Stack Overflow用户
提问于 2017-03-29 10:24:26
回答 15查看 171.5K关注 0票数 107

我在反应导航的导航中遇到了问题,并对本机做出了反应。它是关于重置导航和返回到主屏幕。

我已经在一个StackNavigator中构建了一个DrawerNavigator,主屏幕和其他屏幕之间的导航工作正常。但问题是,导航堆栈不断增长。我不知道如何从堆栈中移除屏幕。

例如,当从主屏幕转到设置屏幕,然后进入屏幕,最后再到主屏幕时,主屏幕在堆栈中是两次。使用后退按钮,我不会离开应用程序,但再次进入屏幕。

当再次选择主按钮时,堆栈的重置将是很棒的,但我不知道该如何做。这里有人试图帮助另一个有类似问题的人,但这个解决方案对我无效。

代码语言:javascript
运行
复制
const Stack = StackNavigator({
  Home: {
    screen: Home
  },
  Entry: {
    screen: Entry
  },
  Settings: {
    screen: Settings
  }
})

export const Drawer = DrawerNavigator({
  Home: {
    screen: Stack
  }},
  {
    contentComponent: HamburgerMenu
  }
)

这是抽屉屏幕的一个简单例子

代码语言:javascript
运行
复制
export default class HamburgerMenu extends Component {
  render () {
    return <ScrollView>
      <Icon.Button
        name={'home'}
        borderRadius={0}
        size={25}
        onPress={() => { this.props.navigation.navigate('Home')}}>
        <Text>{I18n.t('home')}</Text>
      </Icon.Button>

      <Icon.Button
        name={'settings'}
        borderRadius={0}
        size={25}
        onPress={() => { this.props.navigation.navigate('Settings')}}>
        <Text>{I18n.t('settings')}</Text>
      </Icon.Button>

      <Icon.Button
        name={'entry'}
        borderRadius={0}
        size={25}
        onPress={() => { this.props.navigation.navigate('Entry')}}>
        <Text>{I18n.t('entry')}</Text>
      </Icon.Button>
    </ScrollView>
  }
}

我希望你能帮助我。这是导航的一个重要部分,解决方案将是伟大的!

EN

Stack Overflow用户

发布于 2017-03-29 13:39:10

在您的StackNavigator和DrawerNavigator中,您使用了Home作为密钥,我认为它必须是唯一的,这就是它造成问题的原因。请您尝试在您的DrawerNavigator中用堆栈替换Home。

希望这会有所帮助:)

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

https://stackoverflow.com/questions/43090884

复制
相关文章

相似问题

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