react-native - 如何将边框半径添加到图像背景？

Question

React Native ImageBackground组件应该接受与 Image 相同的 prop 签名.但是，它似乎不接受borderRadius .

这没有影响。

<ImageBackground
  style={{height: 100, width: 100, borderRadius: 6}}
  source={{ uri: 'www.imageislocatedhere.com }}
>

如何更改 ImageBackground 的边框半径?

Answer 1

这需要一些挖掘，所以发布问答供其他人找到。ImageBackground基本上是 <View>包装 <Image> .style prop 只将高度和宽度传递给 <Image> .
转其他style Prop 使用imageStyle .

<ImageBackground
  style={{height: 100, width: 100}}
  imageStyle={{ borderRadius: 6}}
  source={{ uri: 'www.imageislocatedhere.com }}
>

The details are documented in the source code .