Flutter为ListTile添加分隔线

Question

继我的最后一个问题之后，我能够在ListTile Widget中显示数据库中的所有数据，但我如何添加一些行来分隔它。

return ListView.builder(
itemCount: int.parse(_resultLength),
itemBuilder: (context, index) {
return Column(
children: _Users
.map(
(user) => ListTile(
leading: Container(
height: 47,
width: 47,
decoration: BoxDecoration(
borderRadius: BorderRadius.circular(6),
image: DecorationImage(
image: NetworkImage(user.imageLink),
fit: BoxFit.fill,
),
),
),
title: Text(user.firstName + " " + user.lastName),
/*onTap: () {
//_selectedUser = user;
setState(() {});
},*/
),
)
.toList(),
);
},
);

我尝试在ListTile之后使用Divider(),，并将ListView.builder更改为ListView.separated。然而，children: _Users.map((user) =>)和.toList()正在阻止分离器工作。有没有一种方法可以在不改变当前代码的情况下添加它？

Answer 1

你正在做的事情有点奇怪。。。您不应该使用ListView来构建单个大项目。

我假设_resultLength是_Users列表的长度。与其构建包含整个_Users列表的单个项目，不如尝试类似于的东西

return ListView.separated(
separatorBuilder: (BuildContext context, int index) => Divider(height: 1),
itemCount: int.parse(_resultLength),
itemBuilder: (context, index) {
var user = _Users[index];
return ListTile(
leading: Container(
height: 47,
width: 47,
decoration: BoxDecoration(
borderRadius: BorderRadius.circular(6),
image: DecorationImage(
image: NetworkImage(user.imageLink),
fit: BoxFit.fill,
),
),
),
title: Text(user.firstName + " " + user.lastName),
/*onTap: () {
//_selectedUser = user;
setState(() {});
},*/
);
},

你将能够使用ListView.separated与这种方法，