react-native-navigation 侧边菜单

Question

我正在尝试使用库 react-native-navigation v2，我需要一些帮助我被侧边菜单卡住了，我无法让它工作......

我这样初始化布局：

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

});

有了之前注册的组件，并且在 Drawer 组件中我希望当用户点击该项目时，它会触发 goToScreen2()，

我试过了： Navigation.setStackRoot(this.props.componentId, {...} Navigation.mergeOptions(this.props.componentId, {...} Navigation.push(this.props.componentId, {...}

但是，没有一个工作......有人可以解释我怎样才能让它工作？

谢谢。

Answer 1

您应该从根堆栈中心的侧面菜单中添加要导航到的所有组件，如下所示：

center: {
   stack: {
    id: "AppRoot",
    children: [{
        component: {
        id: "anyID",
        name: "Screen2"
        }
    }]
  }
}