如何在Flutter中使用DivorTiles（）？

Question

我试图建立一个ListView与每个ListTile之间的分隔符。 我看到有一个静态方法可以做到这一点，称为dividTiles（），但我不知道如何使用它。.如何/在何处使用此函数？

我的代码是一个简单的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(),
)

来自here

Answer 3

如果您使用的是列表视图，则可以使用此备用列表

ListView.builder(itemBuilder: (context, index){
    return ListTile(title: new Column(children: <Widget>[
      new Text('Hello how are you?'),
      new Divider(height: 20.0,)// add value for height or leave it blank for default
    ],) );
  })