Flutter - 如何在ListView.separated的顶部插入有状态小部件？

Question

我有一个ListView.separated ，它最初包含两个有状态的小部件： Hello 2和Hello 3 。

一段时间后，我想在ListView.separated的顶部插入一个有状态的小部件，上面写着Hello 1 。

我希望ListView.separated显示Hello 1 ， Hello 2 ， Hello 3 。

不幸的是，当我这样做时， Hello 3会被重复而不是Hello 1被添加到ListView.separated的顶部。 它现在显示Hello 2 ， Hello 3 ， Hello 3 。

如果我使用无状态小部件，所有这一切都可以正常工作。 如果我使用StatefulWidget ，则命令会搞砸，并且小部件会被复制。

Answer 1

你可以试试这个。

bool _condition = false;

Widget build(context) {
  return ListView(
    children: <Widget>[
      _condition ? yourNewWidget : Container(),
      ListView.separated(
        shrinkWrap: true, // needed 
        physics: ClampingScrollPhysics(), // needed 
        itemBuilder: (c, i) => Text("Text = ${i}"),
        separatorBuilder: (c, i) => Divider(),
        itemCount: 100,
      )
    ],
  )
}

当你有一个newWidget并准备就绪时，请确保调用setState(())来更新build()方法。