你如何使用navigator转到react-native中的另一个组件？

Question

我有以下代码

InterfaceA是另一个带有文本视图的反应组件。

目前，当我点击＆＃34;转到另一个组件＆＃34;时，它会继续回到它自己的视图。

当我按＆＃34;去另一个组件＆＃34;它没有进入interfaceA视图。有谁知道如何使用navigator.push转到interfaceA？

＆＃13;

＆＃13;

var ToolbarAndroidExample = React.createClass({

  _goA: function(navigator) {

    navigator.push({
      component: InterfaceA
    })
  },

  _goPrevious: function(navigator) {
    navigator.pop();
  },

  _renderScene: function(route, navigator) {

    return (
      <View>
          <TouchableHighlight onPress={() => this._goA(navigator) }>
            <Text> Go another component </Text>
          </TouchableHighlight>

          <TouchableHighlight onPress={() => this._goPrevious() }>
            <Text> Go previous</Text>
          </TouchableHighlight>
      </View>
    )
  },

  render: function() {
    return (

      <Navigator
        initialRoute={{ 
          message: "First Scene. Press me to go to the next scene.", index: 1
        }}
        renderScene={this._renderScene} />


    );
  },
});

＆＃13;

＆＃13;

＆＃13;

Answer 1

查看React Native的例子：

https://github.com/facebook/react-native/tree/master/Examples/UIExplorer/Navigator

navigator.push({
  message: 'second page',
  index: 2
})

并根据路径更改_renderScene函数中的返回值。