反应导航中的透明标签栏,无需绝对定位

时间:2019-08-27 13:40:30

标签: react-native 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,
      },
}

0 个答案:

没有答案