颤动：如何在将导航器与页面一起使用时处理后退按钮按下

Question

我正在尝试实现 Navigator 2.0 方法。我唯一无法工作的是按下后退按钮。当我按下后退按钮时，应用程序只是退出而不会转到上一页。我尝试了 WillPopPage 小部件，但后退按钮绕过了它。

这是一个不适用于背压的示例代码。

import 'package:flutter/material.dart';

main(List<String> args) {
  runApp(TestApp());
}

class TestApp extends StatefulWidget {
  @override
  _TestAppState createState() => _TestAppState();
}

class _TestAppState extends State<TestApp> {
  bool go = false;

  @override
  Widget build(BuildContext context) {
    return MaterialApp(
      home: Navigator(
        pages: [
          // page 1
          MaterialPage(
            child: W1(onTapped: () {
              setState(() => go = true);
            }),
          ),
          // page 2
          if (go) MaterialPage(child: W2()),
        ],
        onPopPage: (route, result) {
          if (!route.didPop(result)) return false;
          go = false;
          return true;
        },
      ),
    );
  }
}

class W1 extends StatelessWidget {
  final void Function() onTapped;

  const W1({Key key, this.onTapped}) : super(key: key);

  @override
  Widget build(BuildContext context) {
    return Scaffold(
      body: Center(
        child: FlatButton(
          onPressed: onTapped,
          child: Text("Go to second"),
        ),
      ),
    );
  }
}

class W2 extends StatelessWidget {
  @override
  Widget build(BuildContext context) {
    return Scaffold(
      body: Center(
        child: Text("pressing the back button is exiting the app.."),
      ),
    );
  }
}

我已经用这种方法写了很多代码，所以我不能再回到命令式导航了。如何用这种方法处理背压？

Answer 1

如果不扩展 .Navigator 2.0，这是不可能的RouterDelegate。RouteDelegate系统后退按钮按下由的方法处理popRoute。根据文档：

该方法应返回一个布尔值 Future 来指示该委托是否处理该请求。返回 false 将导致整个应用程序被弹出。

默认实现始终返回 false。因此，您必须重写它才能处理系统后退按钮按下操作。

更新
我发表了一篇文章，介绍了使用 Navigator 2.0 的快速且易于理解的指南。你可以在这里找到它。