4

这是我的代码：

class HomeCardList extends StatefulWidget {
  final Location location;
  final Position position;

  HomeCardList(this.location, this.position);

  @override
  _HomeCardListState createState() => _HomeCardListState();
}

class _HomeCardListState extends State<HomeCardList> {
  List<Widget> _homeCards = [TimeDateCard(), TimeDateCard()];

  @override
  Widget build(BuildContext context) {
    return new CustomScrollView(
      slivers: <Widget>[
        new LocationAppbar(
          location: widget.location,
          position: widget.position,
        ),
        new SliverList(
          delegate: new SliverChildListDelegate(_homeCards),
        ),
        new SliverToBoxAdapter(
          child: RaisedButton(onPressed: () {
            setState(() {
              _homeCards.removeLast();
            });
          }),
        ),
        new SliverFixedExtentList(
            delegate: new SliverChildBuilderDelegate((context, index) {
              return new Text('Item #$index');
            }),
            itemExtent: 320.0)
      ],
    );
  }
}

当我按下RaisedButton它时，它确实从我要显示的列表中删除了最后一个小部件（如果我添加一个print()语句，我将看到一个条目已被删除），但没有按应有的方式更新状态，我仍然可以看到2 个小部件。当我第三次按下按钮时，我尝试从空列表中删除项目时出现异常。

我在这里做错了什么？为什么当我从列表中删除一个小部件时，状态没有正确更新并且只显示一个小部件？

编辑： 当我尝试类似

setState(){
    _homeCards = [];
}

它确实刷新了一个空列表，这里有什么问题？

4

1 回答 1

0

您需要制作_homeCards一个吸气剂，以便懒惰地计算它，然后setState触发重建

于 2020-04-27T02:35:18.763 回答