React native 无绝对定位的react导航中的透明选项卡栏

我正在尝试创建一个透明的选项卡栏导航。到目前为止，我找到的唯一解决方案是绝对定位，这会在内容重叠时导致屏幕出现问题。有没有一种方法可以在没有绝对定位的情况下使底部导航透明

该项目使用react navigation 3.0.9

tabBarOptions: {
      // NOTE: Transparent bar
      indicatorStyle: {
        backgroundColor: 'transparent',
      },
      tabStyle: {
        backgroundColor: 'rgba(0, 0, 0, 0)',
        borderTopWidth: 0.5,
        borderTopColor: 'white',
        height: 70,
        position: 'absolute',
        left: 0,
        right: 0,
        bottom: 0,
      },
}