滑动至sideMenu

时间:2018-12-05 14:55:15

标签: react-native-navigation wix-react-native-navigation react-native-navigation-v2

我的结构类似于...

Navigation.setRoot({root:{bottomTabs}));

在哪里

bottomTabs = {
    id: 'bottomTabs',
    children: [TAB_1, TAB_2, TAB_3, TAB_4, TAB_5]
};

每个子项(选项卡)都有一个简单的堆栈。

但是TAB_5看起来像...

const TAB_5 = {
    sideMenu: {
        center: {
            stack: {
                children: [
                    {
                        component: {
                            name: 'sk.tabs.me.HomeScreen',
                        }
                    }
                ],
                options: {
                    statusBar: {
                        style: 'light'
                    },
                    bottomTab: {...},
                    sideMenu: {
                        right: {
                            width: SCREEN_WIDTH,
                            enabled: false,
                            animationVelocity: 1200,
                        },
                        animationType: 'slide'
                    }
                }
            }
        },
        right: {
            component: {
                id: 'sk.me.OptionsSideMenu',
                name: 'sk.me.OptionsSideMenu'
            }
        }
    }
};

我已经在全屏SCREEN_WIDTH中设置了sideMenu的样式,因此它看起来像是一个单独的屏幕,但是当我在那滑动时,不需要bottomTabs。 如何将sideMenu设置为不具有bottomTabs?

我想我必须重组根组件,例如在顶部添加sideMenu并在其中添加bottomTabs(

sideMenu: {
       center: { bottomTabs },
       right: { component }
   }

),但我想为每个标签设置不同的sideMenus。

那么,如何将TAB_5的右侧菜单设置为没有bottomTabs?

0 个答案:

没有答案