dart – Flutter如何使用背景图像创建卡？

发布时间：2020-12-14 14:52:28 所属栏目：百科来源：网络整理

导读：我正在尝试创建一张以图像为背景的卡片.问题是,图像溢出了卡片,因此不会出现角落. 我需要将Image设置为卡的背景或将卡溢出行为设置为无溢出.但我找不到任何属性. 这是我的卡片： Widget _buildProgrammCard() { return Container( height: 250,child: Card(

我正在尝试创建一张以图像为背景的卡片.问题是,图像溢出了卡片,因此不会出现角落.

我需要将Image设置为卡的背景或将卡溢出行为设置为无溢出.但我找不到任何属性.

这是我的卡片：

Widget _buildProgrammCard() {
  return Container(
    height: 250,child: Card(
      child: Image.asset(
        'assets/push.jpg',fit: BoxFit.cover,),shape: RoundedRectangleBorder(
        borderRadius: BorderRadius.circular(10.0),elevation: 5,margin: EdgeInsets.all(10),);

它看起来像这样：

enter image description here

解决方法

其他方式不使用 – ClipRRect Widget – 是设置SeidgetConidget：true,Card Widget.

示例代码如下：

Card(
          semanticContainer: true,clipBehavior: Clip.antiAliasWithSaveLayer,child: Image.network(
            'https://placeimg.com/640/480/any',fit: BoxFit.fill,shape: RoundedRectangleBorder(
            borderRadius: BorderRadius.circular(10.0),

输出：

enter image description here

（编辑：李大同）

【声明】本站内容均来自网络，其相关言论仅代表作者个人观点，不代表本站立场。若无意侵犯到您的权利，请及时与联系站长删除相关内容!