react-native - react native 是否支持重复线性渐变？

Question

我正在尝试在 React Native 中为我的 View 设置重复线性渐变。但是我找不到任何可以帮助我使用它的信息或图书馆。
我找到了一个名为 react-native-linear-gradient 的库，但似乎只有简单的线性渐变会有所帮助。
提前感谢您的帮助

CSS

background: repeating-linear-gradient(
  -55deg,
  #222,
  #222 10px,
  #333 10px,
  #333 20px
);

Answer 1

在 React 中，样式是用一个对象指定的，其中键是样式名称的驼峰式版本，值是样式的值。如果该值不是明确的 typeof 'number'，则整个值必须是单个字符串。在该字符串中，可以使用普通的 css 样式名称。
下面是一个例子:

<ExampleComponent
  style={{
    background: 'repeating-linear-gradient(-55deg, #222, #222 10px,#333 10px, #333 20px)',
    backgroundSize: 'cover',
  }}
/>