react-router-native AndroidBackButton没有触发

时间:2017-09-24 16:08:16

标签: android react-native react-router react-native-android react-router-native

我正在使用react-router-native一个弹出的CRNA应用。我已将<AndroidBackButton>组件添加到我的<NativeRouter>,因为它显示in the docs,但它似乎没有被触发。

有什么方法我可以调试它,看看它是否只是没有正确得到一个值?我在我的应用中使用<Redirect><Link>来进行路由,因此应该使用RR的历史记录项。

欢迎任何想法或想法。

export default props => (
  <NativeRouter>
    <AndroidBackButton>
      <Switch>
        <Route exact path="/" component={Flash} />
        <Route path="/will_not_work" render={routeProps => <WillNotWork {...props} {...routeProps} />} />

        <View style={styles.container}>
          <Switch>
            <Route path="/menu" render={routeProps => <Menu {...props} {...routeProps} />} />
            <Route path="/car_compatibility" render={routeProps => <CarCompatibilityChecker {...props} {...routeProps} />} />
            <Route path="/how_it_works" render={routeProps => <HowItWorks {...props} {...routeProps} />} />
            <Route path="/app_demo" render={routeProps => <AppDemo {...props} {...routeProps} />} />
          </Switch>
        </View>
      </Switch>
    </AndroidBackButton>
  </NativeRouter>
);

1 个答案:

答案 0 :(得分:0)

GOT IT。

经过一些广泛的文档阅读和搜索具有甚至远程类似问题的任何人的互联网,i found this

当我查看我的let文件时,我看到我有一个空的#container { width: 100%; border: 1px solid #665544; display: grid; grid-template-columns: 1fr 1fr; text-align: center; } .box { width: 250px; border: 1px solid white; display: block; min-height: 200px; color: white; margin-right: auto; margin-left: auto; } #box1 { background-color: #111; } #box2 { background-color: #777; } 函数。我删除了它,瞧!我的后退按钮按预期工作。

这是从MainActivity.java删除的代码:

onBackPressed