React native 图像边界半径在react native中不起作用

React native 图像边界半径在react native中不起作用,react-native,React Native,我在图像中使用了borderRadius并循环它。它适用于某些图像,但其他图像是矩形的。如果我触摸它,它就会显示半径,一旦它没有被触摸,它就会消失。使用overflow hidden也不能起到同样的作用 我很困惑,我用了同样的风格,但结果却不一样。我只在android设备上测试过 代码: {childItem.title} 您必须将边界半径设置为图像,而不是样式: <Image source={{...}} borderRadius={6} .../> 您不会在图像样式中

我在图像中使用了borderRadius并循环它。它适用于某些图像,但其他图像是矩形的。如果我触摸它,它就会显示半径,一旦它没有被触摸,它就会消失。使用overflow hidden也不能起到同样的作用

我很困惑,我用了同样的风格,但结果却不一样。我只在android设备上测试过

代码:


{childItem.title}

您必须将边界半径设置为图像,而不是样式:

<Image source={{...}} borderRadius={6} .../>

您不会在图像样式中设置溢出:“隐藏”,但在视图中:

<View style={{ ..., overflow: 'hidden' }}>
   <Image ..../>
</View>


您的snack.expo不工作,请检查并更新。这样就很容易help@YogarajSaravanan它始终显示console.log中的数据,但我不知道为什么组件有时可见,但大部分时间不可见。它不适用于resizeMode
<View style={{ ..., overflow: 'hidden' }}>
   <Image ..../>
</View>