📜  颤动两行列表 - Dart (1)

📅  最后修改于: 2023-12-03 15:28:56.175000             🧑  作者: Mango

颤动两行列表 - Dart

在 Dart 编程语言中,我们可以使用颤动两行列表来快速创建一个包含颤动两行的列表。颤动两行列表是一种特殊的列表,它可以使列表项的边框看起来像是在颤动,在视觉上和其他列表类型不同。

使用方式

颤动两行列表的使用很简单,我们只需要在 ListView 中添加 Divider 就可以实现。

ListView.separated(
  itemBuilder: (context, index) {
    return ListTile(
      title: Text('List tile #$index'),
    );
  },
  separatorBuilder: (context, index) {
    return Divider(
      color: Colors.grey[400],
      height: 2.0,
      thickness: 1.0,
      indent: 16.0,
      endIndent: 16.0,
    );
  },
  itemCount: 10,
)

在上面的代码中,我们创建了一个 ListView.separated,其中 itemBuilder 方法用于创建列表项,separatorBuilder 方法用于创建颤动两行,我们设置了颤动两行的高度为 2.0,颜色为灰色,厚度为 1.0。

效果展示

以下是使用颤动两行列表生成的效果图:

颤动两行列表

结束

以上就是 Dart 中使用颤动两行列表的介绍,希望对你有所帮助。