我目前正在使用Top Tab Navigator
中的React Navigation
,并设置位置以添加更多样式。问题是当我调整位置时,标签栏背景颜色变成透明。
这种情况仅发生在Android上,在iOS上很好。
这是示例图片:
这是我的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'
},
}
}