Flutter：从另一个回来时更新屏幕

Question

我已经阅读了有关该主题的其他答案，但我有点困惑。

我有这种非常常见的情况，ScreenA 触发导航到ScreenB，ScreenB 完成它的工作，然后用户点击后退按钮，我们返回到ScreenA。此时，我想运行一些代码，但我不明白该怎么做。

这是我导航到ScreenB的代码：

Navigator.pushNamed(context, Router.ScreenB)

导航器：

class Router {
  static const ScreenB = "/b";

  static Route<dynamic> generateRoute(RouteSettings routeSettings) {
    switch (routeSettings.name) {
      case ScreenB :
        return MaterialPageRoute(builder: (_) => ScreenB());
      default:
        return MaterialPageRoute(builder: (_) {
          return Scaffold(
            body: Center(
              child: Text('No route defined for ${routeSettings.name}'),
            ),
          );
        });
    }
  }
}

我试过了

Navigator.pushNamed(context, Router.ScreenB)
.then((value) {
   //do stuff
});

但是then() 永远不会被调用，即使我添加了也不会

Navigator.pop(context);

在ScreenB

我在这里错过了什么？

Answer 1

这是一个工作示例：

import 'package:flutter/material.dart';
import 'package:pop_test/router.dart';

void main() {
  runApp(MyApp());
}

class MyApp extends StatelessWidget {
  @override
  Widget build(BuildContext context) {
    return MaterialApp(
      onGenerateRoute: Router.generateRoute,
      home: ScreenA(),
    );
  }
}

import 'package:flutter/material.dart';
import 'package:flutter/widgets.dart';

class Router {
  static const Screen_B = "/b";

  static Route<dynamic> generateRoute(RouteSettings routeSettings) {
    switch (routeSettings.name) {
      case Screen_B:
        return MaterialPageRoute(builder: (_) => ScreenB());
      default:
        return MaterialPageRoute(builder: (_) {
          return Scaffold(
            body: Center(
              child: Text('No route defined for ${routeSettings.name}'),
            ),
          );
        });
    }
  }
}

class ScreenA extends StatelessWidget {
  @override
  Widget build(BuildContext context) {
    return Scaffold(
      appBar: AppBar(
        title: Text("Screen A"),
      ),
      body: Center(
        child: FlatButton(
          onPressed: () {
            Navigator.of(context).pushNamed(Router.Screen_B).then((value) {
              print("do stuff");
            });
          },
          child: Text("Push screen B"),
        ),
      ),
    );
  }
}

class ScreenB extends StatelessWidget {
  @override
  Widget build(BuildContext context) {
    return Scaffold(
      appBar: AppBar(
        title: Text("Screen B"),
      ),
      body: Center(
        child: FlatButton(
          onPressed: () {
            Navigator.of(context).pop();
          },
          child: Text("Pop"),
        ),
      ),
    );
  }
}

我应该提到我已重命名Router.ScreenB 常量，因为与屏幕类的名称冲突（也许这是你的问题？）。我认为，除此之外，没有进行其他更改。此外，通常最好使用async/await 而不是Future.then。

顺便说一句，您已经写道，当用户点击返回时，您需要做一些事情。如果这里指的是系统按钮，那么您应该使用WillPopScope 小部件。我希望这会有所帮助。