react-native-navigation – 如何使用本机导航v2添加侧栏抽屉？

发布时间：2020-12-15 20:17:24 所属栏目：百科来源：网络整理

导读：使用react-native-navigation v1,您可以设置这样的抽屉： drawer: { left: { screen: 'ScreenName' }} 在反应原生导航的文档中,他们提到仍然支持抽屉, 但没有使用它的例子.我尝试的方式与v1相同,但是没有用.是否有人以某种方式实现了它？解决方法在RNN V2

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

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

在反应原生导航的文档中,他们提到仍然支持抽屉,

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

并且为了关闭抽屉,使用Navigation.mergeOptions并像这样传递可见的false

<Button onPress={this.hideSideMenu}/>

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

（编辑：李大同）

【声明】本站内容均来自网络，其相关言论仅代表作者个人观点，不代表本站立场。若无意侵犯到您的权利，请及时与联系站长删除相关内容!