如何使用How本机路由器-通量使react本机-抽屉中的导航

Question

我用react-native-drawer创建了抽屉。抽屉视图包含ListView。每当单击renderRow方法时，都需要显示抽屉本身的导航，而不是Welcome屏幕堆栈的顶部。

现在：看看这里的截图

预期：想要实现这样的目标-多层次菜单

文件：组件/

render(){
  var settingPanel = <Setting closeDrawer={ () => {
    this.drawer.close();
  }} />
  return(
     <Drawer
       ref={c => this.drawer = c}
       type='overlay'
       content={settingPanel}
       ...>
        <Home />
     </Drawer>
  );
}

文件：组件/seting.js

render(){
  return(
    <ListView
     dataSource={this.state.dataSource}
     renderRow={this.renderRow.bind(this)}
    />
  );
}

renderRow (items) {
    return(
        <View>
            <Text style={styles.rowText}>{items.name}</Text>
            <ImageButton onPress={Actions.trans()} img={fb} />
        </View>
    )
};

它在Welcome屏幕上导航。我需要在抽屉上导航。我怎样才能做到这一点？

Answer 1

从它的文档这里

打开抽屉的选项有三种：

1. 使用开放式支柱(控制模式)： <抽屉open={true}
2. 使用抽屉参考： //假设ref在抽屉上设置为( ref ) => this._drawer =ref onPress={() => {this._drawer.open()}}
3. 使用上下文 contextTypes ={抽屉: React.PropTypes.object} //较后.this.context.drawer.open()

然后，要使用react本机路由器流量导航到另一个组件，您可以在<home />中添加一个<home />组件，然后在onPress中添加actions.home()，而home是反应本机路由器流量场景组件的关键。