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