如何在Flutter中使用divideTiles()？

Question

我试图在每个ListTile之间构建一个带有分隔符的ListView.我看到有一个静态方法可以做到这一点叫做divideTiles(),但我不明白如何使用它..这个函数的使用方式/位置是什么？

我的代码是一个简单的ListView,ListTiles作为子代.

Answer 1

ListView(
  children: ListTile.divideTiles(
    context: context,
    tiles: [
      // your widgets here
    ]
  ).toList(),
)

或者你可以选择ListView.separated:

ListView.separated(
  itemCount: 42,
  itemBuilder: (context, index) {
    // your widget here 
  },
  separatorBuilder: (context, index) {
    return Divider(); 
  },
);

Answer 2

这是一个补充答案，显示了分隔符的外观：

ListView(
  children: ListTile.divideTiles(
      context: context,
      tiles: [
        ListTile(
          title: Text('Horse'),
        ),
        ListTile(
          title: Text('Cow'),
        ),
        ListTile(
          title: Text('Camel'),
        ),
        ListTile(
          title: Text('Sheep'),
        ),
        ListTile(
          title: Text('Goat'),
        ),
      ]
  ).toList(),
)

从这里