时间戳

首页 > 解决方案 > 如何用我对本机反应的看法创建一个波浪

react-native - 如何用我对本机反应的看法创建一个波浪

问题描述

我想用我的观点创建一个特定的表单。视图应该这样做

在此处输入图像描述

但我正在努力应对原生反应。

还有我的代码

return StyleSheet.create({
    parent: {
      height: '30%',
      width: '30%',
      transform: [{ skewX: '50deg' }, { skewY: '65deg' }],
      borderBottomStartRadius: 200,
      borderBottomEndRadius: 200,
      overflow: 'hidden',
    },
    child: {
      flex: 12,
      transform: [{ skewX: '10deg' }, { skewY: '50deg' }],

      backgroundColor: 'blue',
      alignItems: 'center',
      justifyContent: 'center',
    },

<View style={styles.parent}>
          <View style={styles.child}></View>
        </View>

在此处输入图像描述

标签： react-nativestylesheet

解决方案

为此使用 SVG。我认为它甚至不可能使用基本视图。如果需要，您还可以通过修改其路径为 SVG 设置动画。

有关更多信息，请查看react-native-svg包

推荐阅读