颤振 | 如何监听导航事件？

Question

在Flutter中，有什么方法可以监听导航更改吗？

示例：导航在Widget A:中触发

Navigator.of(context).pushNamed('/chat');

当执行上述代码时，我希望在Widget A的子级中激发一个事件。这可能吗？

Answer 1

使用RouteObserver：

final RouteObserver<PageRoute> routeObserver = RouteObserver<PageRoute>();

然后将其添加到根materialApp小部件：

MaterialApp(
theme: ThemeData(),
navigatorObservers: [routeObserver],
)

我们需要在每个可能被推送或弹出到路由堆栈的小部件中实现RouteAware。

class Screen extends State<Screen3> with RouteAware{
...
@override
void didChangeDependencies() {
super.didChangeDependencies();
routeObserver.subscribe(this, ModalRoute.of(context));
}
@override
void dispose() {
routeObserver.unsubscribe(this);
super.dispose();
}
@override
void didPush() {
final route = ModalRoute.of(context).settings.name;
print('didPush route: $route');
}
@override
void didPopNext() {
final route = ModalRoute.of(context).settings.name;
print('didPopNext route: $route');
}
@override
void didPushNext() {
final route = ModalRoute.of(context).settings.name;
print('didPushNext route: $route');
}
@override
void didPop() {
final route = ModalRoute.of(context).settings.name;
print('didPop route: $route');
}
...
}