ReactNative实现渐变色20-04-26

使用react-native-linear-gradient插件
安装：
yarn add react-native-linear-gradient
react-native link react-native-linear-gradient
在ios端运行的别忘了
cd ios
pod install
导入：

import  LinearGradient from 'react-native-linear-gradient';
impor {
   BVLinearGradient
}from 'react-native';

使用：

<LinearGradient colors={['#9f678c', '#718697', '#2b4963']} style={styles.container}>
<View style={styles.header}>
<Text style={styles.header.text}>用户登录</Text>
</View>
</LinearGradient>

写完代码，记得重新运行项目，尤其是ios端，不然会爆找不到BVLinearGradient的错。
效果：