React Native中具有弯曲边缘的图像边界

Question

我需要使用“曲面寄宿生”设计图像。 我尝试过

borderBottomRightRadius: 50, borderBottomLeftRadius: 50

但这不是我想要的。 我想要这张参考图片中的背景图片

Answer 1

您可以按比例使用此样式代码，并且有一个椭圆。 width是屏幕宽度。您可以使用Dimensions API来使用它。

 const {width} = Dimensions.get('window');

    width: "100%",
    height: 200,
    borderBottomRightRadius: width / 2,
    borderBottomStartRadius: width / 2,
    transform:[{scaleX: 2}]