react native中实现颜色渐变 react-native

2019-12-10 本文已影响0人爱喝咖啡的攻城狮

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";

jsx中

（2）配置：

color

数组。一定要提供给他不少于两个元素，比如['red','blue']，表示从红到蓝的渐变。

start

对象。可选。格式为{x:number,y:number}。坐标从左上角开始，声明渐变开始的位置，作为渐变整体大小的一部分。示例：{x：0.1，y：0.1}表示梯度将从顶部开始为10％，从左侧开始为10％。

end

和start一样。是指渐变的结束。

举个例子，比如我们需要从右上角开始到左下角渐变，即对角线渐变，这时就需要设置。