Flutter中遇到的需求解决四[实现全局context来跳转页面]

最新推荐文章于 2023-05-27 15:34:42 发布

小土豆子额

最新推荐文章于 2023-05-27 15:34:42 发布

阅读量808

点赞数 2

CC 4.0 BY-SA版权

文章标签： flutter

本文链接：https://blog.youkuaiyun.com/chenyidong521/article/details/129765499

文章介绍了在Flutter应用中，为了解决在使用Dio库时获取context的不便，提出了创建一个名为NavigatorProvider的类，使用GlobalKey来存储NavigatorState。这样可以在应用的任何地方获取到navigatorState，以便进行路由跳转，如pushAndRemoveUntil方法。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

在使用Dio的时候，发现不容易获取context。如果每次传个context参数有时候会不方便。所以查找资料找到了如何实现获取公共context。
首先在创建一个如下class

import 'package:flutter/material.dart';

/// 用于提供全局的 navigatorContext
class NavigatorProvider {
  static GlobalKey<NavigatorState> navigatorKey = new GlobalKey<NavigatorState>();
}

然后在应用的MaterialApp下注册此navigatorKey。此对应应用启动main
方法调用的启动App的Class。如下图LoginAppApplication()就是对应的下面的class LoginAppApplication
在这里插入图片描述

在这里插入图片描述
注册之后使用方法，跳转路由的话先获取navigatorState，然后通过navigatorState设置路由进行跳转。否则直接传递Navigator传递context跳转无效。

  NavigatorState? navigatorState = NavigatorProvider.navigatorKey.currentState;
  if (navigatorState != null) {
     navigatorState.pushAndRemoveUntil(MaterialPageRoute(builder: (context) => LoginApp()), (route) => route == false);
  }