React native 如何在svg中为文本提供水平方向的渐变

我试图使用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小时。有什么建议吗？

这都是因为X2位置，我将X2位置更改为100，并将停止颜色设置为

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

`

希望这能帮助那些被这个问题困扰的人