我的结构类似于...
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?