外层容器的圆角边框似乎被里面的图片覆盖了?



  • <View style={{borderRadius:8; overflow: 'hidden'}}>
    <Image ... />
    </View>

    外层容器设置了圆角,想让里面的图片也显示圆角(设置了overflow想把图片超出容器的部分隐藏)。然并卵,图片仍然“我行我素”,显示的是方角,看起来似乎把外层容器的圆角给覆盖了,请教一下,这是什么原因呢?


  • administrators

    安卓是这样的 只能给里面的图片再加一样的圆角样式



  • 这。。。只能这样了么?但是貌似Image只支持borderRadius,不支持borderTopLeftRadius等属性,这意味着要圆角的话只能四个角一起都圆了,无法只把图片的某一个或几个角设置为圆角吗?


  • administrators

    @haisenbug 首先建议更新到最新版的RN,如果最新版的RN安卓对圆角依然不能很好的支持,那么你大概只能预先处理图片了。



  • 好吧,貌似也只能先这样了。谢谢解答!



  • @haisenbug

    我这里overflow:hidden是奏效的,不过和你的区别是我这里并非View内嵌Image,而是直接在Image上设置了borderRaidus:8 和overflow:'hidden'。 供参考



  • @haisenbug 说:

    style={{borderRadius:8; overflow: 'hidden'}}

    我想说 style里面那个不是以逗号分开么?
    style={{borderRadius:8,overflow: 'hidden'}}



  • @tdzl2003 直接在Image上加borderRadius是把四个角全变圆角了吧,我目前的需求是只把上面两个角变圆角。。View是可以做到的,可以针对每个角设置弧度,但Image就不行,纠结。。



  • @小妖_cai 哈哈,谢谢指正



  • @haisenbug 貌似安卓一直还不支持两个角是圆角



  • @haisenbug 没事没事 因为我记得我之前这样写有bug,所以提醒你一下


登录后回复