0

在 State 类中，尽管没有调用 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');
  }
}

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

4

1 回答 1

1

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

于 2019-01-23T18:57:13.630 回答