Warning: file_get_contents(/data/phpspider/zhask/data//catemap/9/javascript/444.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Javascript 具有弯曲边缘的图像板_Javascript_Android_React Native - Fatal编程技术网

Javascript 具有弯曲边缘的图像板

Javascript 具有弯曲边缘的图像板,javascript,android,react-native,Javascript,Android,React Native,我需要设计一个图像与曲线边界。 我试过了 borderBottomRightRadius:50,borderBottomLeftRadius:50 但这不是我想要的。 我想喜欢这个参考图像中的背景图像 您可以将此样式代码与比例一起使用,并且您有一个椭圆。宽度是屏幕宽度。您可以使用Dimensions API获取它 const {width} = Dimensions.get('window'); @阿泽姆·亚哈迈德,看看这个,这是你问题的答案这回答了你的问题吗?谢谢你的回答,但是,当我

我需要设计一个图像与曲线边界。 我试过了

borderBottomRightRadius:50,borderBottomLeftRadius:50

但这不是我想要的。 我想喜欢这个参考图像中的背景图像


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

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

@阿泽姆·亚哈迈德,看看这个,这是你问题的答案这回答了你的问题吗?谢谢你的回答,但是,当我使用resizemode属性(streatch,cover)来适应图像时,它并不适合。你可以对图像进行变换:[{scaleX:0.5}]。另外,在弯曲的viev内部。
    width: "100%",
    height: 200,
    borderBottomRightRadius: width / 2,
    borderBottomStartRadius: width / 2,
    transform:[{scaleX: 2}]