世博线性渐变透明呈现黑色

Question

我正在尝试使用Expo Linear Gradients在我的React Native屏幕中实现从白底到白底的过渡：https : //docs.expo.io/versions/latest/sdk/linear-gradient.html

我复制了第二个示例并将其翻转，并使其变为白色而不是黑色。但是现在白色应该淡入的“透明”颜色比白色更暗，请参见下文：

透明实际上是透明的，所以很好，但是有没有办法给它白色的色调？

代码在这里：

     <LinearGradient
         colors={[ 'transparent', 'rgba(255,255,255,0.8)']}
         style={{
           position: 'absolute',
           left: 0,
           right: 0,
           bottom: 0,
           height: 200,
         }}
       />

Answer 1

因为transparent等于rgba(0,0,0,0)

尝试使用rgba(255,255,255,0)透明代替透明，以实现从白色到白色的过渡

w3规范定义了透明性transparent black，可以在此处阅读

Answer 2

我实际上找到了我自己的答案。“透明”显然转化为黑色透明，要获得白色，只需在白色通道中指定一个 rgba() ，如下所示：

<LinearGradient
    colors={[ 'rgba(255,255,255,0)', 'rgba(255,255,255,1)']}
    style={{
        position: 'absolute',
        left: 0,
        right: 0,
        bottom: 0,
        height: 80,
    }}
/>