react-native - 如何在水平方向上为文本提供渐变 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%" />

`

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