Dismissible ListTile 文本覆盖答案

【问题标题】：Dismissible ListTile text overlayDismissible ListTile 文本覆盖
【发布时间】：2021-11-04 18:46:34
【问题描述】：

我想让我的 ListTile 内容位于白色背景后面，就像滑动时的 ListTile.tileColor 一样。

我不认为这是一个问题，但如果有办法解决它，我想现在。

我的 Dismissible 小部件，带有 ListTile：


//For testing porpuses, removed some styling.

Dismissible(
  key: UniqueKey(),
  background: Container(
    decoration:
        BoxDecoration(color: cinzaIcone.withOpacity(0.5), borderRadius: BorderRadius.circular(15)),
  ),
  child: ListTile(
    //tileColor: cinza,
    tileColor: Colors.grey,
    dense: true,
    minLeadingWidth: 10,
    shape: RoundedRectangleBorder(borderRadius: BorderRadius.circular(15)),
    contentPadding: const EdgeInsets.symmetric(horizontal: 10),
    leading: SizedBox(
      width: 1,
      child: Align(
        alignment: Alignment.centerLeft,
        child: Icon(
          Icons.circle,
          color: Colors.orange,
          size: 15,
        ),
      ),
    ),
    title: Text(
      //servico.nome,
      "CONTRAPISO - SOLEIRAS",
      style: TextStyle(fontSize: 15, fontWeight: FontWeight.w500, color: Colors.blue),
    ),
    subtitle: Row(
      children: [
        Text(
          //DateFormat("dd-MM-yyyy").format(servico.dataInicio),
          "12-03-2021",    
          //style: dataServico,
        ),
        Text(
          ' até ',
          //style: dataServico,
        ),
        Text(
          //DateFormat("dd-MM-yyyy").format(servico.dataTermino),
          "17-03-2021",
          //style: dataServico,
        )
      ],
    ),
  ),
)

【问题讨论】：

您可以使用边距属性，例如将您的可关闭对象放在具有侧边距的容器内，以限制可关闭的宽度。你可以试试这个吗？
感谢评论。它没有用。内容不会超出边距。

标签： flutter flutter-layout flutter-animation

【解决方案1】：

几个月后，我意识到用 ClipRRect 小部件包装 Dismissible 并传递 clipBehavior: Clip.hardEgde 解决了这个问题。

ClipRRect(
  clipBehavior: Clip.hardEdge,
  child: ...
)

【讨论】：