反应导航选项卡不可点击的绝对位置

Question

我在 react native 中有 2 个屏幕，我想让标签导航器透明，它可以工作，但在添加 position: absolute 后导航器不可点击，如果我不使用绝对背景，则背景会变白（不能透明）

这是我的 tabBarOptions

tabBarOptions: {
        showIcon: true,
        showLabel: true,
        activeTintColor: 'orange',
        inactiveTintColor: '#fff',
        style: {
            width: '100%',
            height: 60,
            backgroundColor: 'transparent',
            borderTopWidth: 0,
            position: 'absolute',
            left: 0,
            right: 0,
            bottom: 10,
        },
        tabStyle: {
            paddingTop: 20,
        },
    },

当我点击 Create Order 选项卡时没有任何反应，但如果我评论 position: absolute 它就完美了。

Answer 1

在标签栏样式中添加“zIndex=1”

style: {
            width: '100%',
            height: 60,
            backgroundColor: 'transparent',
            borderTopWidth: 0,
            position: 'absolute',
            zIndex: 1,
            left: 0,
            right: 0,
            bottom: 10,
        },