如何以简单的方式将活动导航到另一个活动中?

时间:2017-05-06 13:31:58

标签: android react-native

我正试图通过点击按钮将我的第一页导航到第二页。 一旦我们进入第二页,我们将永远不会通过按下后退按钮返回。

只需点按,切换,再也不要回去。

有没有简单的方法可以做到这一点? 我的意思是,我只是不想使用组件导航或导航器。它们太复杂了。

4 个答案:

答案 0 :(得分:1)

我正在使用Facebook指南中的React Navigation。

您可以从以下位置了解有关此库的更多信息: https://facebook.github.io/react-native/docs/navigation.html

或者反应导航的网站: https://reactnavigation.org/docs/intro/

答案 1 :(得分:0)

使用此库来避免导航器。这太棒了

https://github.com/aksonov/react-native-router-flux

一旦定义了场景键,您只需在任何屏幕上调用操作。 keyname ()即可导航到它们

答案 2 :(得分:0)

我不知道您的应用程序有多复杂,但如果它非常简单,您可以这样做:

const setScreen = (screen) => {
  setState({screen: screen})
}

render() {
  <View>
    {
      switch(this.state.screen) {
        case 'firstScreen': (
          <View>
            <Text>First Screen</Text>
            <TouchableHighlight onPress={this.setScreen('secondScreen')}>
              <Text>Go to second screen</Text>
            </TouchableHighlight>
          </View>
        )
        case 'secondScreen': (
          <View>
            <Text>Second Screen</Text>
            <TouchableHighlight onPress={this.setScreen('firstScreen')}>
              <Text>Go to first screen</Text>
            </TouchableHighlight>
          </View>
        )
      }
    }
  </View>
}

答案 3 :(得分:0)

这主要是在我们尝试在项目中安装新软件包且未正确安装时发生的。我通过

解决了
  1. 删除android/app/build/intermediates/signing_config/debug/out/signing-config.json文件。
  2. 在项目根路径中运行yarn