如何给文本在水平方向上的梯度反应原生svg

Question

我试图使用react native svg 为我的react nativeproject中的文本添加渐变

<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%" />

`

希望这能帮助那些被这个问题打动的人