React Native 中带有弯曲边缘的图像边框

Question

我需要设计一个带有弯曲边框的图像。 我试过了

borderBottomRightRadius: 50, borderBottomLeftRadius: 50

但这不是我想要的。 我需要类似于此参考图像中的背景图像

Answer 1

您可以将此样式代码与比例一起使用，并且您有一个椭圆。宽度是屏幕宽度。您可以使用Dimensions API 获取它。

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

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