如何将半径应用于颤动的图像？

Posted 2023-02-24

【中文标题】如何将半径应用于颤动的图像？

【英文标题】：how can i apply radius to image with flutter?

【发布时间】：2019-01-26 09:54:14

【问题描述】：

我想显示 gridview 包含卡片包含图像。 我将半径应用于卡片，但不适用于其子图像

这是我的代码：

child: new GridView.builder(
    itemCount: 20,
    gridDelegate: new SliverGridDelegateWithFixedCrossAxisCount(crossAxisCount: 4),
    itemBuilder: (BuildContext context,int index)
      return new Card(
        shape: RoundedRectangleBorder(
          borderRadius: BorderRadius.circular(10.0)
        ),
          elevation: 5.0,
          child: new Image.network('http://i.pravatar.cc/1000'),              
        );

    
  ),

【参考方案1】：

Card 的默认剪辑行为是 Clip.none。将其设置为例如Clip.antiAlias:

Card(
  clipBehavior: Clip.antiAlias,
  child: ...,
)