反应原生底部标签图标绝对问题答案

【问题标题】：react native bottum tab icon absolute issue反应原生底部标签图标绝对问题
【发布时间】：2021-08-19 11:46:00
【问题描述】：

我想在标签栏上方浮动我的主页图标，但它被剪掉了，有人可以建议如何做到这一点.. 还要附上屏幕截图和导航堆栈结构

stack navigation
  -1. drawer nav
     -a. Tab nav

            position: 'absolute',
            bottom: 20,
            height: 58,
            width: 58,
            borderRadius: 58,
            backgroundColor: colors.primaryColor,
            justifyContent: 'center',
            alignItems: 'center',
            shadowColor: '#000',
            shadowOffset: {
              width: 0,
              height: 3,
            },
            shadowOpacity: 0.29,
            shadowRadius: 4.65,
            elevation: 7,

            flex: 1,

【问题讨论】：

标签： react-native react-native-navigation react-navigation-bottom-tab

【解决方案1】：

您是否尝试过使用每个组件的 zIndex 属性？或者可能是 overflow 属性？ ...不看代码结构就很难说。

另一种解决方案是为要重叠的按钮构建一个组件。

【讨论】：

更具体地说，我建议在父组件中添加一个 zindex: 0 ，在子组件中添加一个 zindex:1 。同样，解决方案可能会因您构建代码的方式而有所不同。