flutter ListView布局问题抖动

7kqas0il  于 2023-06-24  发布在  Flutter
关注(0)|答案(1)|浏览(216)

我是一个新手学习flutter,并使用ListView制作了一个应用程序。我在尝试将leading、title和trailing对齐到顶部(红线)时遇到了问题,因此我将参数isThreeLine设置为true,这解决了这个问题。但这增加了额外的空间下面的副标题(蓝色箭头),我似乎无法摆脱。我还尝试将titleAlignment参数设置为不同的值,但结果与图中所示的红线对齐不一样。问题来了:

代码如下:

ListView.separated(
  itemBuilder: (context, index) {
    final cStudent = students[index];
    return ListTile(
      leading: Image.asset(
        cStudent.profileImage,
        height: 40,
        width: 40,
      ),
      isThreeLine: true,
      title: Text(cStudent.fullName),
      subtitle: Text('Roll No: ${cStudent.rollNo.toString()}'),
      trailing: Text('Std: ${cStudent.standard.toString()}'),
    );
  },
  separatorBuilder: (context, index) => kDivider,
  itemCount: students.length,
)

我在模拟器上运行代码。

0pizxfdo

0pizxfdo1#

请删除

isThreeLine: true,

这样使用

ListView.separated(
    itemBuilder: (context, index) {
      // final cStudent = students[index];
      return ListTile(
        leading: Container(
          height: 40,
          width: 40,
        ),
        title: const Text("Full name"),
        subtitle: const Text('Roll No: '),
        trailing: const Text('Std: '),
      );
    },
    padding: EdgeInsets.zero,
    separatorBuilder: (context, index) => const Divider(),
    itemCount: 10,
  ),

相关问题