【问题标题】: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'),              
        );

    }
  ),

【问题讨论】:

    标签: image flutter cornerradius


    【解决方案1】:

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

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

    【讨论】:

      猜你喜欢
      • 2020-10-11
      • 2022-06-15
      • 2021-06-02
      • 2016-12-22
      • 2019-05-27
      • 2020-10-11
      • 2022-08-23
      • 1970-01-01
      • 1970-01-01
      相关资源
      最近更新 更多