可关闭的 ListTile 文本覆盖

Ala*_*sar 1 flutter flutter-layout flutter-animation

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

\n

我不认为这是一个问题,但我现在想知道是否有办法解决它。

\n

可关闭的 ListTile 向左滑动

\n

我的 Dismissible 小部件,带有 ListTile:

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

Ala*_*sar 5

几个月后,我意识到用ClipRRect小部件包装 Dismissible 并传递clipBehavior: Clip.hardEgde可以解决它。

ClipRRect(
  clipBehavior: Clip.hardEdge,
  child: ...
)
Run Code Online (Sandbox Code Playgroud)

  • 这是纯金。 (2认同)