我有一个像...的结构
Navigation.setRoot({root:});
哪里,
bottomTabs = {
id: 'bottomTabs',
children: [TAB_1, TAB_2, TAB_3, TAB_4, TAB_5]
};
每个子(tab)都有一个简单的堆栈 .
但是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 . 如何设置这个侧面菜单没有bottomTabs?
我想我必须重组根组件,比如在顶部添加sideMenu并在其中添加bottomTabs(
sideMenu: {
center: { bottomTabs },
right: { component }
}
),但我想为每个标签制作不同的sideMenus .
那么,如何将TAB_5的右侧菜单设置为没有bottomTabs?