У меня есть такая структура ...
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?