react-native 实现渐变色背景

1、需要借助插件react-native-linear-gradient插件

    安装：

        yarn add react-native-linear-gradient

        react-native link react-native-linear-gradient

2、导入react-native-linear-gradient

    

    依赖BVLinearGradient

3、使用react-native-linear-gradient

<LinearGradient colors={['#9f678c', '#718697', '#2b4963']} style={styles.container}>

<View style={styles.header}>

<Text style={styles.header.text}>用户登录</Text>

</View>

</LinearGradient>

4、效果