Question

我是本机反应的新手。我想从侧面菜单导航到屏幕。我使用了react-native-navigation Wix V2库。如果有人可以帮助我举一个简单的例子，我将不胜感激。

Answer 1

首先，您需要为sideMenu的中央堆栈设置ID。例如：

Navigation.events().registerAppLaunchedListener(() => {
Navigation.setRoot({
    root: {
        sideMenu: {
            right: {
                component: {
                    name: 'SideMenu',
                },
            },
            center: {
                stack: {
                    id: 'STACK_ROOT_ID',
                    children: [
                        {
                            component: {
                                name: 'Login',
                            },
                        },
                    ],
                },
            },
        },
    },
});

然后在侧面菜单中，例如可以在onPress菜单上按此按钮来注册屏幕。像这样：

Navigation.push('STACK_ROOT_ID', {
    component: {
        name: 'REGISTERED_SCREEN_NAME',
        options: {
            sideMenu: {
                right: {
                    visible: false,
                },
            },
        },
    },
});

Answer 2

有一个内置的导航供React native使用，因为它提供了react-native导航（堆栈导航）。可以轻松地从侧面菜单进行导航

//以下是用于创建侧边菜单的代码。

select Id, min(ProcessStepOneDtTm), StaffId, min(ProcessStepTwoDtTm) group by ID, StaffId

//以下是侧面菜单视图以及从屏幕导航提供的链接。

const RootDrawer = DrawerNavigator({
  demo: { screen: demo },
  demo2: { screen: demo2 },
  
}, {
  contentComponent: NavigationDrawer
})

如何在本机导航Wix V2中从侧面菜单导航到页面

2 个答案: