を使用してドロワーを作成しましreact-native-drawer
た。引き出しビューには が含まれていますListView
。メソッドをクリックするたびに、画面スタックrenderRow
の上部ではなく、ドロワー自体の内側にナビゲーションを表示する必要があります。Welcome
予想: このようなことを達成したい - マルチレベル メニュー
ファイル: Component/welcome.js
render(){
var settingPanel = <Setting closeDrawer={ () => {
this.drawer.close();
}} />
return(
<Drawer
ref={c => this.drawer = c}
type='overlay'
content={settingPanel}
...>
<Home />
</Drawer>
);
}
ファイル: Component/setting.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
ます。引き出し自体をナビゲートする必要があります。どうすればこれを達成できますか?