Flutter语言 - 如何在 ListView 的顶部插入有状态小部件

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()方法。