react-native - React Navigation Tabs 不可点击绝对位置

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,
        },