将 CSS 渐变转换为 Expo 的线性渐变？

Question

我有一个 CSS 梯度为 -

background-image: linear-gradient(-140deg, #93C6F9 25%, #97B4FA 40%, #A768FE 100%);

我尝试了以下解决方案 -

<LinearGradient
      colors={['#93C6F9', '#97B4FA', '#A768FE']}
      start={[0.25, 0.4, 1]}
      style={styles.gradient}
    >
    <Text>ABC</Text>
</LinearGradient>

但结果有点不同。我想这与 -140deg 有某种关系。怎么做？？？

Answer 1

我使用了 location 道具并接近

<LinearGradient
      colors={['#93C6F9', '#97B4FA', '#A768FE']}
      start={[0, 0]}
      end={[1, 1]}
      location={[0.25, 0.4, 1]}
      style={styles.gradient}
    >
      <Text>ABC</Text>
    </LinearGradient>

Answer 2

我可以通过添加以下内容来做到这一点：

        <LinearGradient
          colors={['#93C6F9', '#97B4FA', '#A768FE']}
          start={[0, 0]}
          end={[1, 0]}
          <Text>
            ABC
          </Text>
        </LinearGradient>

你可以看到一个live example here

还有一个Codepen of the gradient

将 CSS 渐变转换为 Expo 的线性渐变？

Convert CSS gradient to Expo's Linear Gradient?

react-native

expo