如何防止在颤振中重建

Question

我现在有一个问题，就是一个Row小部件包含很多图片，如下：

class PageA extends StatelessWidget {
  @override
  Widget build(BuildContext context) {
    return Scaffold(
      body: Container(
        // I don't want it rebuild every time
        child: Row(
          children: _getImageList(),
        ),
      ),
      floatingActionButton: FloatingActionButton(
        child: Icon(Icons.forward),
        onPressed: () {
          // Navigator to PageB
          Navigator.push(
              context, MaterialPageRoute(builder: (context) => PageB()));
        },
      ),
    );
  }

  // add asset images to list
  List<Widget> _getImageList() {
    List<Widget> list = [];
    for (int i = 0; i < 20; i++) {
      list.add(Image.asset('assets/images/$i.jpg'));
    }
    return list;
  }
}

当我回到从网页B的网页A，该网页A将重建，但我不希望重建部件排在网页A，因为它包含了许多照片。 有什么办法吗？ 谢谢！！！

Answer 1

您的问题是，每次从PageB弹出时， _getImageList都会再次被调用。 这导致将相同的图像再次添加到列表和行：D

Answer 2

为了获得更好的性能，将您的_getImageList方法拆分为另一个小部件。

Answer 3

使用AutomaticKeepAliveClientMixin