世博线性渐变透明显示黑色
Expo Linear Gradient transparent is showing up blackish
我正在尝试使用 Expo Linear Gradients 在我的 React Native 屏幕中实现从底部到顶部的白色到透明白色的过渡:
https://docs.expo.io/versions/latest/sdk/linear-gradient.html
我复制了第二个示例并将其翻转过来,将其变为白色而不是黑色。但是现在 "transparent" 应该淡入的白色比白色更暗,见下文:
透明的实际上是透明的所以很好但是有没有办法给它一个白色的色调?
代码在这里:
<LinearGradient
colors={[ 'transparent', 'rgba(255,255,255,0.8)']}
style={{
position: 'absolute',
left: 0,
right: 0,
bottom: 0,
height: 200,
}}
/>
因为transparent
等于rgba(0,0,0,0)
尝试使用 rgba(255,255,255,0)
而不是透明来获得白色到白色的过渡
w3 规范将透明定义为 transparent black
可以阅读 here
我实际上找到了自己的答案。 "transparent" 显然转换为黑色透明,要变白只需在白色通道中指定一个 rgba() ,如下所示:
<LinearGradient
colors={[ 'rgba(255,255,255,0)', 'rgba(255,255,255,1)']}
style={{
position: 'absolute',
left: 0,
right: 0,
bottom: 0,
height: 80,
}}
/>
我正在尝试使用 Expo Linear Gradients 在我的 React Native 屏幕中实现从底部到顶部的白色到透明白色的过渡: https://docs.expo.io/versions/latest/sdk/linear-gradient.html
我复制了第二个示例并将其翻转过来,将其变为白色而不是黑色。但是现在 "transparent" 应该淡入的白色比白色更暗,见下文:
透明的实际上是透明的所以很好但是有没有办法给它一个白色的色调?
代码在这里:
<LinearGradient
colors={[ 'transparent', 'rgba(255,255,255,0.8)']}
style={{
position: 'absolute',
left: 0,
right: 0,
bottom: 0,
height: 200,
}}
/>
因为transparent
等于rgba(0,0,0,0)
尝试使用 rgba(255,255,255,0)
而不是透明来获得白色到白色的过渡
w3 规范将透明定义为 transparent black
可以阅读 here
我实际上找到了自己的答案。 "transparent" 显然转换为黑色透明,要变白只需在白色通道中指定一个 rgba() ,如下所示:
<LinearGradient
colors={[ 'rgba(255,255,255,0)', 'rgba(255,255,255,1)']}
style={{
position: 'absolute',
left: 0,
right: 0,
bottom: 0,
height: 80,
}}
/>