React Native - DrawerLayoutAndroid Navigator

时间:2017-01-10 16:50:51

标签: android reactjs react-native native

你好我是新的反应原生,我试图使用DrawerLayoutAndroid建立一个侧面菜单应用程序,但我卡住了,我仍然没有找到正确的方法来实现它。 我有2个场景,我需要从抽屉中浏览它们,我还需要从场景中打开抽屉。

1)如何通过导航器引用抽屉? 2)如何从抽屉引导导航器?

欢迎任何帮助,谢谢。

index.android.js

renderScene(route, navigator){
console.log(route);
if(route.name == 'root') {
  return <Home navigator={navigator}/>
}
if(route.name == 'medicion'){
  return <Medicion navigator={navigator}/>
}

}

render() {

var navigationView = (
  <View style={{flex: 1, backgroundColor: '#fff'}}>
    <Text style={{margin: 10, fontSize: 15, textAlign: 'left'}}>I'm in the Drawer!</Text>
  </View>
);
return (
  <DrawerLayoutAndroid
    ref={ref => this._drawer = ref}
    drawerBackgroundColor="#F5F5F5"
    drawerWidth={250}
    drawerPosition={DrawerLayoutAndroid.positions.Left}
    renderNavigationView={() => navigationView}>
      <Navigator
      initialRoute={{ name: 'root'}}
      renderScene={this.renderScene.bind(this)}
      />
  </DrawerLayoutAndroid>
)

}

0 个答案:

没有答案