react native 中设置Image/ImageBackground圆角无效的解决方法

Posted 冰雪奇缘lb

tags:

篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了react native 中设置Image/ImageBackground圆角无效的解决方法相关的知识,希望对你有一定的参考价值。

通常我们会设置style:

style= borderRadius: 15 

在安卓环境下,发现并没有生效,设置属性即可解决

imageStyle= borderRadius: 20 

完整示例:

<Image style= width: 40, height: 40, borderRadius: 20  imageStyle=borderRadius:20 />
 
<ImageBackground style= width: 40, height: 40, borderRadius: 20  imageStyle= borderRadius: 20  />

以上是关于react native 中设置Image/ImageBackground圆角无效的解决方法的主要内容,如果未能解决你的问题,请参考以下文章

React-native:如何在布局(视图)的背景中设置图像

使用 react-native 在 iOS 中设置半透明状态栏

如何在 React-Native 中设置 DrawerNavigator 的背景图片?

如何在 iOS 的 WebView(react-native-webview) 中设置自定义字体?

在React native中设置按钮样式

不能总是在 Chrome 中设置 React Native 断点