gpt4 book ai didi

react-native-navigation - 如何使用 react native navigation v2 添加侧边栏抽屉?

转载 作者:行者123 更新时间:2023-12-04 03:06:21 25 4
gpt4 key购买 nike

使用 react-native-navigation v1,您可以像这样设置抽屉:

drawer: {
left: {
screen: 'ScreenName'
}
}

在 react-native-navigation 的文档中,他们提到仍然支持抽屉,
drawer support

但没有使用示例。我尝试了与 v1 相同的方法,但没有奏效。有没有人以某种方式实现了它?

最佳答案

在 RNN V2 及更高版本中,您只需使用 sideMenu 而不是旧抽屉选项 Ex 即可添加抽屉:

Navigation.events().registerAppLaunchedListener(() => {
Navigation.setRoot({
root: {
sideMenu: {
id: "sideMenu",
left: {
component: {
id: "Drawer",
name: "navigation.Drawer"
}
},
center: {
stack: {
id: "AppRoot",
children: [{
component: {
id: "App",
name: "navigation.AppScreen"
}
}]
}
}
}
}
});
}
Take a look at this并导航到 sideMenu
并且为了关闭抽屉,请使用 Navigation.mergeOptions 并像这样传递可见的 false
<Button onPress={this.hideSideMenu}/>

hideSideMenu() {
Navigation.mergeOptions(this.props.componentId, {
sideMenu: {
left: {
visible: false
}
}
});
}

关于react-native-navigation - 如何使用 react native navigation v2 添加侧边栏抽屉?,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/51532560/

25 4 0
Copyright 2021 - 2024 cfsdn All Rights Reserved 蜀ICP备2022000587号
广告合作:1813099741@qq.com 6ren.com