如何使用导航器转到反应原生的另一个组件？

Question

我有以下代码

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

当前当我点击“转到另一个组件”时，它会一直回到它自己的视图。

当我按“转到另一个组件”它不会去interfaceA视图。有谁知道我如何使用navigator.push去interfaceA？

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} /> 
 

 

 
    ); 
 
    }, 
 
});

Answer 1

检查本机作出反应的例子：

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

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

，并根据路线_renderScene功能改变返回值。