在本机设计波浪背景

Question

我是新来的反应原生并开始学习UI设计的人。

我试图创建波浪背景（如第一张卡片的底部或第三张卡片的粉红色部分），如下图所示。我搜索了多个react native软件包，但是没有找到实现此目的的软件包。

我的问题是

1. 如果可以通过使用某些本机包来实现这种背景设计，或者必须像 某些图像编辑应用程序（例如adobe photoshop）中的代码吗？

2. 如果某些反应本机软件包可以做到这一点，那么任何库建议或工作代码都将对我有所帮助。

谢谢。

图片来源：Google

Answer 1

您可以使用此package并使用SVG绘制波浪背景，或设置SVG的uri。

以下代码是React Native中的示例波浪背景

import SvgUri from 'react-native-svg-uri';

export const WavyBackground = () => (
  <View>
    <SvgUri
      width="200"
      height="200"
      source={{uri:'custom wavy svg url here'}}
    />
  </View>
);