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}]