当bottomBar在堆栈中时,TopBar断开

时间:2018-09-29 18:33:36

标签: react-native-navigation wix-react-native-navigation react-native-navigation-v2

将bottomBar布局放入堆栈中似乎会破坏topBar的内容。

复制/代码段/屏幕截图的步骤

我需要在所有内容上都放一个堆栈。这是我的总体布局:

layout = {
root: {
       stack: {
        id:'stack1',
        children: [
          STACK_CHILD,
        ],
        options: {
          topBar: {
            visible: true,
            title: {
              text: 'My Screen'
            },
            leftButtons: [{
              icon: iconMenu,
              id: 'topBarButton'
            }]
          }
        }
      }
    }
  }

具有:

STACK_CHILD = {
   component: {
    name: 'pulse.Chats',
   }
}

我的topBar与标题和leftButton一起显示。

具有:

STACK_CHILD = {
   bottomTabs: {
      children: [
         {
             component: {
                name: 'pulse.Chats',
                options: {
                bottomTab: {
                   title: 'title1',
                   icon: iconsMap['map'],
                },
             }
         }
      ]
}

我的topBar变成空白

我还尝试将topBar选项放入bottomTabs组件内,或者将bottomTabs子项替换为包含具有topBar选项的component的堆栈,我无法成功使用topBar。


环境

  • 反应本机导航版本:2.0.2513
  • 反应本机版本:0.56.0
  • 平台(iOS,Android还是两者都使用):iOS,可能是Android(未经测试)
  • 设备信息(模拟器/设备?操作系统版本?调试/发布?):iPhone 6模拟器

0 个答案:

没有答案