Flutter 不使用 context 打开页面

最新推荐文章于 2023-03-25 12:35:28 发布
最新推荐文章于 2023-03-25 12:35:28 发布
阅读量231 收藏
点赞数
分类专栏： 042Flutter
独学而无友，则孤陋寡闻。q群582951247
本文链接：https://blog.csdn.net/mp624183768/article/details/119005227
版权

背景 token失效的话

登录页面需要BuildContext打开登录页面

 但是随着业务发展，在dio网络请求里面封装一个 BuildContext显得非常不专业。

于是乎。我们可以弄一个全局变量

import 'package:flutter/material.dart';

class KeyUtils{
  static GlobalKey<NavigatorState> globalKey = new GlobalKey<NavigatorState>();
}

在main.dart的时候进行初始化

 

调用登录的时候可以使用

 PassportManager.goLogin(KeyUtils.globalKey.currentState!.context).then((value) => null);

KeyUtils.globalKey.currentState!.context 

代替之前的BuildContext

安果移不动
关注
  • 0
    点赞
  • 踩
  • 0
    收藏
    觉得还不错? 一键收藏
  • 打赏
    打赏
  • 2
    评论
专栏目录
Flutter中如何实现无Context跳转详解
01-05
背景介绍 Navigator.of(context).push(MaterialPageRoute(builder: (context){ return DemoPage(); })); 在日常的项目开发中，我们一般push一个新页面是用上面的方法的，利用Navigator.of(context)来进行push或者pop操作。 缺点：这种情况是必须传context的，目的是为了利用Navigator.of(context)来获取到NavigatorState对象，然后才能进行push或者pop操作。 那如果我要实现在项目的任何地方都可以push一个新页面的话，而这个地方有可能
【flutter老司机分享①】flutter 无context弹出层
jeason_L的博客
11-21 1654
直接上代码，各位自己测试，私人手敲珍藏代码 全部原生，无需任何插件，各位记得复制完点赞???????????????????????????????? import 'package:flutter/material.dart'; void main() async{ runApp(MyApp()); } class MyApp extends StatefulWidget { @override _MyAppState crea...
【Flutter】关于对话框showDialog传入context无效问题
TA远方
03-13 3786
当执行异步操作，或者从下一个页面返回结果时，需要调用类似如下加载对话框代码，有时就会出现不能展示的问题，调式发现传入的context是无效的 /** * showLoading() * 加载对话框 */ Future<T?> showLoadingAlert<T>(BuildContext context， Function task) async { return await showDialog<T>(context: context, bui.
Flutter 不利用 BuildContext 跳转页面
xia236326的博客
02-14 682
趁着在家办公这期间, 梳理一下之前项目中碰到的问题; 需求: 在网络请求中, 碰上token失效的时候需要跳转回登陆页面,重新登陆. 思路: 在网络请求中, 加入拦截器, 碰上token失效的问题, 跳转页面; 代码: Navigator.pushAndRemoveUntil(context, new MaterialPage...
Flutter中实现无Context跳转
大灰狼的小绵羊哥哥的博客
06-12 2153
背景介绍 Navigator.of(context).push(MaterialPageRoute(builder: (context){ return DemoPage(); })); 复制代码 在日常的项目开发中，我们一般push一个新页面是用上面的方法的，利用Navigator.of(context)来进行push或者pop操作。 缺点：这种情况是必须传context的，目的是为了利用Navigator.of(context)来获取到NavigatorSta
flutter 常用插件整理附加使用实例
最新发布
03-27
以上仅是Flutter常用插件和功能的冰山一角，实际开发中还有许多其他实用工具，如`url_launcher`用于打开URL，`firebase_auth`处理用户认证，`cloud_firestore`管理Firebase数据库等。不断学习和探索，你将在Flutter...
flutter 路由跳转的实现示例
01-03
做Android/iOS原生开发的时候，要打开一个新的页面，你得知道你的目标页面对象，然后初始化一个Intent或者ViewController，再通过startActivity或者pushViewController来推出一个新的页面，不能跟web一样，直接丢一...
system_settings:Flutter插件可在iOS和Android上打开系统设置
03-28
Flutter插件可通过iOS和Android应用打开系统和应用设置。 在Android上，此插件支持各种系统设置页面以及应用程序信息和应用程序通知设置页面。 在iOS上，如果已通过SettingsBundle定义了任何设置，则此插件将始终...
flutter web登录和注册页
04-12
总的来说，这个"flutter web登录和注册页"项目涵盖了Flutter Web基础、页面布局、表单验证、页面导航和数据持久化等多个关键知识点。通过实践这个项目，开发者能够深入理解Flutter Web开发的基本流程和技巧，为...
Flutter 自定义顶部导航栏（方法一）
01-20
在这个示例中，我们将讨论如何使用Flutter的Material库中的组件来创建一个自定义的顶部导航栏，也就是AppBar。首先，我们来看看提供的文件结构和代码片段。 1. **文件结构**： 文件结构包括`main.dart`、`routes....
Flutter无context页面跳转及获取全局context
langyalaoa的博客
12-10 8503
通过navigatorKey的方式 void main() { runApp(MyApp()); } final GlobalKey<NavigatorState> navigatorKey = new GlobalKey<NavigatorState>(); class MyApp extends StatelessWidget { MyApp() { ...
Flutter 路由 实现界面跳转
weixin_38397436的博客
05-16 296
界面跳转 普通路由 不携值 Navigator.of(context).push( MaterialPageRoute(builder: (BuildContext context){ //此处放回被跳转的界面 return SearchPage(); })); 携值 在被跳转界面的构造方法中添加对应参数,实现传值效果 Navigator.
【Flutter】Flutter 页面跳转 ( 路由 Route | 导航器 Navigator | 页面关闭 )
让 学习 成为一种 习惯 ( 韩曙亮 の 技术博客 )
03-02 2146
一、Flutter 页面跳转、 二、路由信息注册、 三、通过路由名实现页面跳转、 四、通过路由名实现页面跳转、 五、退出界面、 六、完整代码示例、 七、相关资源
Flutter中遇到的需求解决四[实现全局context来跳转页面]
chenyidong521的博客
03-25 562
Flutter实现全局context来跳转页面
android调用flutter弹窗,Flutter 写全局弹框的心路历程（dialog和overlay）
weixin_42356162的博客
05-26 908
最近做了个小功能，要做一个全局的弹窗，随处都可以弹出，这个咋做呢？说下从头到尾的思路：之前看过文章写过如何不使用context进行路由跳转，正常情况我们都是这么写：Navigator.of(context).pushNamed('new_page');都是需要传一个context才可以的。但有时我们可能需要在没法传context的时候跳转咋写呢？我们可以这样做：// 先新建一个navigatorK...
Flutter自定义一个不依赖context的loading提示对话框
City_Coder的博客
06-29 1315
      前段时间自学了dart、flutter，想着学习了又不用那很快就会忘记，于是打算将现有的App项目用flutter写一遍。       写的过程中，发现用flutter写一个网络请求的loading提示不是那么顺手提示，网上搜索了些也没找到满意的、于是仿Android自定义了一个loading，效果图如下：      &n
flutter context中报错 To safely refer to a widget‘s ancestor in its dispose() method, save a reference
热门推荐
龚礼鹏的博客
11-25 1万+
fluttercontext报错如下： To safely refer to a widget's ancestor in its dispose() method, save a reference to the ancestor by calling inheritFromWidgetOfExactType() in the widget's didChangeDependencies()...
Flutter 加载本地json文件
weixin_44911775的博客
03-23 1459
import 'dart:convert'; import 'package:flutter/material.dart'; void main() { runApp(MaterialApp( home: MyApp(), )); } class MyApp extends StatefulWidget { @override MyAppState createState() => MyAppState(); } class MyAppState extends Sta
flutter 打开网页
04-29
你可以使用 Flutter 自带的 `WebView` 组件来打开网页，具体步骤如下： 1. 在 `pubspec.yaml` 文件中添加 `webview_flutter` 依赖： ``` dependencies: flutter: sdk: flutter webview_flutter: ^2.0.10 ``` 2...
评论 2
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包

打赏作者

安果移不动

你的鼓励将是我创作的最大动力

¥1 ¥2 ¥4 ¥6 ¥10 ¥20
扫码支付：¥1
获取中
扫码支付

您的余额不足，请更换扫码支付或充值

打赏作者

实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值