Flutter 不利用 BuildContext 跳转页面

   趁着在家办公这期间, 梳理一下之前项目中碰到的问题;

 

   需求: 在网络请求中, 碰上token失效的时候需要跳转回登陆页面,重新登陆.

   思路: 在网络请求中, 加入拦截器, 碰上token失效的问题, 跳转页面;

   代码:

Navigator.pushAndRemoveUntil(context,
                new MaterialPageRoute(
                    builder: (BuildContext context) => new LoginPage()), (
                    route) => route == null);

一开始 计划是每个页面的网络请求都加上 BuildContext  这个参数, 然后利用 context 来跳转; 一开始还好好的, 没啥问题, 后来功能复杂了, 有一个A页面,开启了定时任务, 每分钟请求一次网络接口要数据,  如果这时候用户当前所在的是B页面, 然后这时候还碰巧报错了.

 

   大概的意思就是当前显示的是B页面, 但是, 你用了A的 BuildContext 来跳转页面, 肯定是不行的.

 

解决方法:

首先在一开始申明这样一个 GlobalKey, 

final GlobalKey<NavigatorState> navigatorKey = new GlobalKey<NavigatorState>();

然后在我们的 MaterialApp 中配置 navigatorKey :

 

MaterialApp(
        title: 'Flutter Demo',
        theme: ThemeData(
          primarySwatch: Colors.blue,
        ),
        home: home,
        navigatorKey: navigatorKey
);

最后再页面跳转的时候使用:

navigatorKey.currentState.pushAndRemoveUntil(
                new MaterialPageRoute(
                    builder: (BuildContext context) => new LoginPage()), (
                    route) => route == null);

这样, 就拜托了利用 BuildContext 方式跳转页面的尴尬. 之前的问题也就迎刃而解了.