如何将BlurView颜色更改为黑色?

问题描述 投票:0回答:1

我希望导航栏是黑色而不是灰色。

The navigation bar in gray

我尝试使用背景颜色调整颜色,但几乎没有任何变化。

我的代码:

        <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,
                        }}
                    />
                ),
            }}
        >
android ios react-native react-navigation blur
1个回答
0
投票
     tabBarActiveBackgroundColor: '#gray',
      tabBarInactiveBackgroundColor: '#0000000',
      tabBarStyle: {
        backgroundColor: '#fffffff',
      },
© www.soinside.com 2019 - 2024. All rights reserved.