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

1 个答案: