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

Я пытался добавить градиент к тексту в моем проекте, поддерживающем реакцию, с помощью 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 часов. Какие-либо предложения?