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、效果