将 CSS 线性渐变转换为 React-Native-Linear-Gradient

Question

我在 Figma 中有一个 CSS 渐变

\n

background: linear-gradient(180deg, #0097F3 26.66%, rgba(255, 255, 255, 0.1) 100%);\n

\n

我怎样才能将其转换为react-native-linear-gradient包

\n

我正在执行以下代码，我不知道如何执行 180deg 和 26 % 等

\n

<LinearGradient \n  start={{x: 0.26, y: 0.26}} \n        end={{x: 0, y: 1.0}}\n        location={[0.25, 0.4]}\n        colors={[\'#0097F3\', \'rgba(255, 255, 255, 0.1)\']}\n style={{flex: 1}}\n >\n........\n</LinearGradient>\n

\n

0deg 值相当于“到顶部”。90deg 值相当于“向右”。180deg 值相当于“到底部”。

\n

背景图像：线性渐变（角度，颜色停止1，颜色停止2）；

\n

\n
1. start：以下类型的可选对象：{ x: number, y: number }。坐标声明渐变开始的位置，作为渐变总体大小的一部分，从左上角开始。示例：{ x: 0.1, y: 0.1 } 表示渐变将从顶部 10% 和左侧 10% 开始。
\n
2. end：与开始相同，但用于渐变的结束。
\n
3. locations：一个可选的数字数组，定义每个渐变颜色停止点的位置，映射到颜色属性中具有相同索引的颜色。示例：[0.1, 0.75, 1] 表示第一种颜色将占据 0% \xe2\x80\x93 10%，第二种颜色将占据 10% \xe2\x80\x93 75%，最后第三种颜色将占据 75% \xe2 \x80\x93 100%。
\n

\n