dart - ListView.builder 上的交替背景颜色

标签 dart flutter widget

我有一个 ListView.builder 从列表生成 ListTile。我想像典型列表一样实现交替颜色。

有 Flutter 官方的方法来做到这一点吗?或者我坚持做类似的事情

ListView.builder(
...
  itemBuilder: (...) {
    return ListTile
      ..
      title: Container(
        decoration: BoxDecoration(color: Colors.grey),
          child: Column(children: <Widget>[
            Text("What should've been the title property"),
            Text("and its trailing"),
          ],),
      ),

或类似的东西?

最佳答案

你可以使用提供给item builder的index来设置颜色,如果你想使用一个ListTile你可以很容易地通过换行给它一个背景色它在 Container 中:

ListView.builder(
  itemBuilder: (BuildContext context, int index) {
    return Container(
      color: (index % 2 == 0) ? Colors.red : Colors.green,
      child: ListTile(
        title: ...
      ),
    );
  },
)

关于dart - ListView.builder 上的交替背景颜色,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/54554433/

相关文章:

dart - Dart字符串前面的@是什么意思

flutter - 在Flutter或Dart中同步运行Future

dart - 如何在 flutter 的另一个有状态小部件中访问在一个有状态小部件中创建的对象

dart - 共享偏好学习。如何保存和加载

flutter - 如何在Flutter中恢复最后一条路线

flutter - 如何在 flutter 中修复 "Table containes irregular row lengths"?

widget - 如何覆盖小部件 Assets ? (yii2)

javascript - Pinterest 看板小部件 CSS 样式

html - 如何清除所有CSS样式

flutter - 如何从另一个小部件状态处理一个小部件状态?