我希望导航栏是黑色而不是灰色。
我尝试使用背景颜色调整颜色,但几乎没有任何变化。
我的代码:
<Tabs
screenOptions={{
tabBarShowLabel: false,
tabBarActiveTintColor: '#fff',
tabBarLabelStyle: {
fontWeight: '500',
},
headerShown: false,
tabBarStyle: {
height: STATUS_BAR_HEIGHT,
position: 'absolute',
borderTopLeftRadius: 0,
borderTopRightRadius: 0,
borderTopWidth: 0.2,
borderTopColor: '#262626',
paddingTop: 0,
backgroundColor: 'transparent',
},
tabBarBackground: () => (
<BlurView
intensity={50}
tint="dark"
style={{
...StyleSheet.absoluteFillObject,
overflow: 'hidden',
backgroundColor: 'rgba(0, 0, 0, 0.7)',
borderTopLeftRadius: 0,
borderTopRightRadius: 0,
}}
/>
),
}}
>
tabBarActiveBackgroundColor: '#gray',
tabBarInactiveBackgroundColor: '#0000000',
tabBarStyle: {
backgroundColor: '#fffffff',
},