如何在水平方向上为文本提供渐变 react-native-svg

Question

我正在尝试使用 react-native-svg 为我的 react-native 项目中的文本添加渐变

<Svg height="50"
         width="300" >
        <LinearGradient id="Gradient" x1="0" x2="800" y1="0" y2="0">
        <Stop offset="0" stopColor="#C2515D" stopOpacity="0" />
    <Stop offset="1" stopColor="black" stopOpacity="1" />
        </LinearGradient>
      <Text fill="url(#Gradient)"
      x="0"
      y="30"
      fontSize="30"
      textAnchor="start">
          Sign Up
      </Text>
    </Svg>

这里我只能得到 (#C2515D) 这种颜色，我不能得到黑色，从 5 小时开始尝试。有什么建议吗？

Answer 1

都是因为X2的位置，我把x2的位置改成100，停止色设为

     `<Stop  stopColor="#C2515D" offset="0%" />
      <Stop stopColor="black" offset="70%" />

`

希望这对遇到此问题的人有所帮助

如何在水平方向上为文本提供渐变 react-native-svg

How to give gradient to text in horizontal direction react-native-svg

react-native

react-native-android

react-native-svg