Как придать градиент тексту в горизонтальном направлении response-native-svg

Question

Я пытался добавить градиент к тексту в моем реактивном нативном проекте, используя response-native-svg

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

`

Надеюсь, это поможет кому-то, кто столкнулся с этой проблемой