react-native - Unexpected character '#' in LinearGradient

Question

I want add a LinearGradient in vue native but getting this error with the following code

<template>
    <View >
      <linear-gradient :colors="['#4c669f', '#3b5998', '#192f6a']">
         <text class="loginWording">login</text> 
      </linear-gradient>
    </View>
</template>

Answer 1

你有没有尝试这样写：

<linear-gradient :colors="['#4c669f', '#3b5998', '#192f6a']">
   <view class="login">
     <text class="loginWording">login</text> 
   </view>
</linear-gradient>

Answer 2

您需要将颜色作为字符串数组传递

<LinearGradient colors={["#4c669f", "#3b5998", "#192f6a"]}>
   <view class="login">
     <text class="loginWording">login</text> 
   </view>
</LinearGradient>