如何在 React Native 中将 CSS 线性渐变转换为 JS 代码？

Question

我有来自 Figma 的 CSS 输入数据，但我不知道如何重写它以使其在 react native 中工作，是否有任何库可以帮助我，如果是，我该如何编写它？ CSS 代码在这里：

Answer 1

我认为你不能在 react native 中使用 CSS 来做到这一点。我使用了一种叫做 react-native-gradient 的东西。

这是他们的 Github

https://github.com/react-native-community/react-native-linear-gradient

你也可以使用 expo（如果你在 expo cli 上）

https://docs.expo.io/versions/latest/sdk/linear-gradient/

希望这能解决问题

Answer 2

有一个名为 react-native-linear-gradient 的 npm 包 https://www.npmjs.com/package/react-native-linear-gradient

以及宽度和高度使用窗口的尺寸 像 Dimension.get("window").height/width 参考https://reactnative.dev/docs/dimensions