Как я могу скрыть нижние вкладки, когда проведите в сторону меню

Question

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

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 вверху с bottomTabs внутри (

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

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

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