React Native顶部标签栏背景变为透明

时间:2019-10-04 09:31:13

标签: reactjs react-native react-navigation react-tabs

我目前正在使用Top Tab Navigator中的React Navigation,并设置位置以添加更多样式。问题是当我调整位置时,标签栏背景颜色变成透明。

这种情况仅发生在Android上,在iOS上很好。

这是示例图片:

enter image description here

这是我的Tab标签:

const ListTab = createMaterialTopTabNavigator(
{
  First: FirstPage,
  Second: SecondPage
},
{
  tabBarOptions: {
    style: {
      bottom: -25,
      marginHorizontal: 20,
      borderRadius: 30,
      backgroundColor: '#ffffff',
      shadowColor: '#000000',
      shadowOpacity: 0.2,
      shadowOffset: { width: 0, height: 2 },
      shadowRadius: 2,
    },
    tabStyle: {
    },
    indicatorStyle: {
      height: '100%',
      backgroundColor: '#eeeeee',
      borderRadius: 30

    },
    activeTintColor: '#2263A5',
    inactiveTintColor: '#7a7a7a',
    labelStyle: {
      fontWeight: 'bold'
    },

  }
}

0 个答案:

没有答案