Navigator.push() 和 Navigator.pop() 的内部实现是什么?

Question

在状态类中，尽管没有调用setState（）调用，但当从Navigator.pop（）返回小部件时，它会使用新项目重建。怎么会这样？

在下面的简化代码中，每当我单击按钮并弹出推送的小部件时，都会重建ListView。

是因为Navigator.push()释放了当前小部件，并且在Navigator.pop()后重新渲染了该小部件吗？

class _TestState extends State<Test> {
  List<int> initialList = [];
  @override
  Widget build(BuildContext context) {
    return Scaffold(
      floatingActionButton: FlatButton(
        onPressed: () async {
          var nothing = await Navigator.of(context).push(
            MaterialPageRoute(builder: (_context) => PushedWidget()),
          );
          // the State is rebuilt without calling setState()
          initialList.add(1);
        },
        child: Text('test'),
      ),
      body: Container(
        child: ListView.builder(
          itemCount: initialList.length,
          itemBuilder: (context, idx) {
            return Text('${initialList[idx]}');
          },
        ),
      ),
    );
  }
}
class PushedWidget extends StatelessWidget {
  @override
  Widget build(BuildContext context) {
    return Scaffold(
      appBar: AppBar(leading: IconButton(onPressed: () => _pop(context), icon: Icon(Icons.close))),
    );
  }
  void _pop(BuildContext context) {
    Navigator.of(context).pop('popped');
  }
}

我已经阅读了文档和实施代码。但我找不到这个问题的答案。

Answer 1

Navigator 维护基于堆栈的子小部件历史记录。我正在考虑您已经了解数据结构堆栈。 Navigator.push和Navigator.push的工作方式与 Stack 相同。当我们导航到另一个屏幕时，我们使用推送方法，导航器小部件将新屏幕添加到堆栈顶部。然而，pop 方法将从堆栈中删除该屏幕。