react-native-navigation - 如何使用反应原生导航 v2 添加侧边栏抽屉？

Question

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

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

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

但没有例子说明它的用法。我尝试了与 v1 相同的方法，但没有奏效。有没有人以某种方式实现了它？

Answer 1

在 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"
              }
            }]
          }
        }
      }
    }
  });
}

看看这个并导航到 sideMenu

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

<Button onPress={this.hideSideMenu}/>

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