ListTile 标题内的垂直分隔线

Jus*_*aus 1 dart flutter flutter-layout

我正在尝试在 ListTile 的前导部分和标题之间添加垂直分隔线。

我知道 Flutter 现在有一个 VerticalDivider 小部件,但我似乎无法让它与 ListTile 一起正常工作。附上我正在尝试做的示例。

我正在尝试在附加的图像中复制此列表磁贴。

这被标记为可能是重复的帖子,但事实并非如此。仅仅因为另一篇文章的标题中有 VerticalDivider 并不意味着它在问同样的问题。也许将其标记为重复的人实际上应该阅读帖子而不是仅仅浏览标题......

die*_*per 5

您可以只Rowleading属性中使用小部件ListTile

ListTile(
          leading: Row(
            mainAxisSize: MainAxisSize.min,
            children: [
              Icon(Icons.add_shopping_cart),
              VerticalDivider(),
            ],
          ),
          title: Text("QUICK REFERENCE"),
        ),
Run Code Online (Sandbox Code Playgroud)

  • 成功了!我之前尝试过一行,但忘记将 mainAxisSize 设置为 min,这完全消除了标题。谢谢你! (2认同)