如何在 Flutter 中使用 Navigator.pages 从堆栈中删除页面

Question

我正在尝试了解 Navigator 2.0 Pages API，它允许通过 Navigator.pages 属性修改导航堆栈。

我准备了一个简单的演示，我尝试通过更新提供的页面列表从后台删除页面。

Here is the DartPad demo

但是，当简单地从 Navigator.pages 中删除 CustomPage 时，会出现动画故障。一瞬间，您可以看到当前页面下方的页面正在动画。

这是 Flutter 框架中的一个 bug，还是有更好的方法从 backstack 中删除页面？

Answer 1

将ValueKey 添加到Navigator 小部件似乎可以解决问题：

  @override
  Widget build(BuildContext context) {
    return MaterialApp(
      title: 'Flutter Navigator Demo',
      theme: ThemeData(
        primarySwatch: Colors.blue,
        visualDensity: VisualDensity.adaptivePlatformDensity,
      ),
      home: Navigator(
        key: ValueKey(pages.length), // <------------- 
        pages: List.unmodifiable(pages),
        onPopPage: _onPopPage,
      ),
    );
  }