防止透明 TabNavigator 组件上的颜色渗出
Preventing bleedthrough of colours on transparent TabNavigator component
我在 TabNavigator
中使用透明 TabBar
渲染文本时遇到问题,因为我想显示背景 Image
。那张图片大部分是红色的,我想要标签的纯白色文本,但它们变成了粉红色。问题是 RN 将背景颜色与文本颜色混合。本质上,RN 没有给文本视图 100% 的不透明度。
为了解决这个问题,我添加了
backgroundColor: '#ffffff00',
opacity:100
到tabStyle
在tabBarOptions
。
我在 TabNavigator
中使用透明 TabBar
渲染文本时遇到问题,因为我想显示背景 Image
。那张图片大部分是红色的,我想要标签的纯白色文本,但它们变成了粉红色。问题是 RN 将背景颜色与文本颜色混合。本质上,RN 没有给文本视图 100% 的不透明度。
为了解决这个问题,我添加了
backgroundColor: '#ffffff00',
opacity:100
到tabStyle
在tabBarOptions
。