Как я могу скрыть нижние вкладки, когда проведите в сторону меню - PullRequest
0 голосов
/ 05 декабря 2018

У меня есть такая структура ...

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'
            }
        }
    }
};

Я создал SideMenu в полном SCREEN_WIDTH, так что он выглядит как отдельный экран, но когда я проводю там, мне не нужноbottomTabs.Как я могу настроить это sideMenu без нижних вкладок?

Я думаю, мне нужно реструктурировать корневой компонент, как добавить sideMenu сверху с нижними вкладками внутри (

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

), но яхотел бы сделать разные SideMenus для каждой вкладки.

Итак, как мне стилизовать это правое меню TAB_5, чтобы оно не содержало bottomTabs?

...