1、安装:
npm install react-native-linear-gradient --save(或 yarn add react-native-linear-gradient)
react-native link react-native-linear-gradient
2、使用:
(1)引入:import LinearGradient from "react-native-linear-gradient";
(2)配置:
color
数组。一定要提供给他不少于两个元素,比如['red','blue'],表示从红到蓝的渐变。
start
对象。可选。格式为{x:number,y:number}。坐标从左上角开始,声明渐变开始的位置,作为渐变整体大小的一部分。示例:{x:0.1,y:0.1}表示梯度将从顶部开始为10%,从左侧开始为10%。
end
和start一样。是指渐变的结束。
举个例子,比如我们需要从右上角开始到左下角渐变,即对角线渐变,这时就需要设置。
3、相关资料:
https://github.com/react-native-community/react-native-linear-gradient/blob/master/README.md