如何添加填充或更改底部标签 RNN 的高度答案

【问题标题】：How add padding or change height of bottom tabs RNN如何添加填充或更改底部标签 RNN 的高度
【发布时间】：2019-07-23 14:05:46
【问题描述】：

我必须更改高度或在底部标签中添加填充，但我真的不能，我尝试了几种解决方案，但我找不到方法......

另一方面，它也没有做动画：真正的动画，这个地方还好吗？

使用 react native navigation (wix) v2

Navigation.setRoot({
    root: {
      bottomTabs: {
        id: 'BottomTabsId',
        options: {
          bottomTabs: {
            backgroundColor: colors.tabBackgroundColor(),
            animate: true,
          },
        },
        children: [
          {
            stack: {
              children: [
                {
                  component: {
                    name: 'onBoarding',
                  },
                },
              ],
              options: {
                bottomTab: {
                  icon: homeOff,
                  testID: 'FIRST_TAB_BAR_BUTTON',
                  ...optionsBottomTab,
                },
                topBar: {
                  visible: false,
                  drawBehind: true,
                },
              },
            },
          },
          {
            stack: {
              children: [
                {
                  component: {
                    name: 'logIn',
                  },
                },
              ],
              options: {
                bottomTab: {
                  icon: compassOff,
                  testID: 'SECOND_TAB_BAR_BUTTON',
                  ...optionsBottomTab,
                },
                topBar: {
                  visible: false,
                  drawBehind: true,
                },
              },
            },
          },
          {
            stack: {
              children: [
                {
                  component: {
                    name: 'signup',
                  },
                },
              ],
              options: {
                bottomTab: {
                  icon: circlePlus,
                  testID: 'THIRD_TAB_BAR_BUTTON',
                },
                topBar: {
                  visible: false,
                  drawBehind: true,
                },
              },
            },
          },
          {
            stack: {
              children: [
                {
                  component: {
                    name: 'welcome',
                  },
                },
              ],
              options: {
                bottomTab: {
                  icon: bellOff,
                  testID: 'FOURTH_TAB_BAR_BUTTON',
                  ...optionsBottomTab,
                },
                topBar: {
                  visible: false,
                  drawBehind: true,
                },
              },
            },
          },
          {
            stack: {
              children: [
                {
                  component: {
                    name: 'home',
                  },
                },
              ],
              options: {
                bottomTab: {
                  icon: userOff,
                  testID: 'FIFTH_TAB_BAR_BUTTON',
                  ...optionsBottomTab,
                },
                topBar: {
                  visible: false,
                  drawBehind: true,
                },
              },
            },
          },
        ],
      },
    },
  });

我的问题照片：

+ 按钮大小合适，但我需要底部标签大于

【问题讨论】：

标签： react-native react-native-navigation

【解决方案1】：

RNN 目前不支持更改 BottomTabs 高度。 animate: true 不是布局节点的有效属性 - 它应该在 options.bottomTabs 中指定。有关选项对象格式的更多详细信息，请参阅https://wix.github.io/react-native-navigation/#/docs/styling?id=options-object-format。

【讨论】：