【Flutter】Flutter学习-GetX 导航操作

1.跳转

在原生中咱们一般运用的是push进行跳转的,这儿是没有界说途径直接经过上下文进行跳转

Navigator.of(context).push(MaterialPageRoute(builder: (BuildContext context) => DiscoverChildPage(title: widget.title,)));

咱们运用Get.to进行跳转

 Get.to( DiscoverChildPage(title: widget.title,)),

当咱们界说途径则直接经过Get.toNamed

Get.toNamed("/discover/child");

或许咱们之前界说的AppRoutes并运用GetX 界说了路由则直接

Get.toNamed(AppRoutes.discoverDetail);

2. 回来

在原生中咱们一般运用的是pop进行回来的

Navigator.pop(context)

运用Getx的话

Get.back()

3. 铲除

咱们有些时分会用到一些铲除的作用,比方说咱们初次注册的时分,流程完成后就应该铲除该页面

铲除上一个页面

class ChartChildPage extends StatelessWidget {const ChartChildPage({Key? key}) : super(key: key);@overrideWidget build(BuildContext context) {return Scaffold(appBar: AppBar(title: Text('子页面'),),body: IconButton(icon:const Icon(Icons.close),onPressed: ()=> Get.offNamed(AppRoutes.network)),);}
}

或许直接经过页面

Get.off(const ChatListPage())

铲除所有途径

onPressed: ()=> Get.offAll(const ScaffoldPage())

也可经过途径

onPressed: ()=> Get.offAllNamed(AppRoutes.network)

Get.offAll这儿会铲除之前的途径并回来咱们括号中的页面并进行初始化,而Get.off则仅仅相当于回来咱们想要的页面,其中的页面便是相当于咱们想要的途径,这样咱们就能够回来指定页面了,比方可返还当前页面的上上个页面

4. 传值

在页面之间传值与回来值的接收都是开发中必要的功用,比较属性传值,经过Getx传值更加便利。

传值
咱们在页面跳转的的时分增加

Future<T?>? toNamed<T>(String page, {dynamic arguments,int? id,bool preventDuplicates = true,Map<String, String>? parameters,
})

咱们一般界说的是arguments,由于是dynamic因此能够动态的界说类型

Get.toNamed(AppRoutes.webview,arguments: '我是一个标题');

而parameters则一般是一个 Map<String, String>类型

Get.toNamed(AppRoutes.loadImage,arguments: items[index],parameters: {'title':'跳转网页','desc': "跳转网页",},

取值
这儿咱们arguments传的是什么便是取的是什么

String? title = Get.arguments['title'];

获取parameters

final parameters = Get.parameters;
String? title1 = parameters['title'];

5. 回来值

一般咱们能够在Get.back增加result

void back<T>({T? result,bool closeOverlays = false,bool canPop = true,int? id,
})

这儿咱们result为咱们回传的参赛,closeOverlays则是否封闭当前的弹出框

Get.back(result: {'result':'success'});

承受

var data = await Get.to(const ChartChildPage());
print(data);

打印结果

flutter: {result: success}

6. 拼接参数

咱们有的时分会途径拼接或许运用url拼接参数

static void goWeb(String url, String title) {Get.toNamed("/web?url=${Uri.encodeComponent(url)}&title=${Uri.encodeComponent(title)}");
}

这样咱们经过参数传递进入web页

XRouter.goWeb(url, title);

在WebViewPage获取

String? url = Get.parameters['url'];
String? title = Get.parameters['title'];

7.小结

能够发现经过Getx进行页面的跳转以及回来,或许指定相应页面回来都是比较便利的,同时传参也是多种形式,回来的时分也能够携带参数以及状况从而处理咱们页面,刷新状况等。

本文来自互联网用户投稿,该文观点仅代表作者本人,不代表本站立场。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如若转载,请注明出处:http://www.mzph.cn/news/704783.shtml

如若内容造成侵权/违法违规/事实不符,请联系多彩编程网进行投诉反馈email:809451989@qq.com,一经查实,立即删除!

相关文章

Java+SpringBoot+Vue+MySQL构建银行客户管理新平台

✍✍计算机毕业编程指导师 ⭐⭐个人介绍&#xff1a;自己非常喜欢研究技术问题&#xff01;专业做Java、Python、微信小程序、安卓、大数据、爬虫、Golang、大屏等实战项目。 ⛽⛽实战项目&#xff1a;有源码或者技术上的问题欢迎在评论区一起讨论交流&#xff01; ⚡⚡ Java、…

Linux按键输入实验-创建按键的设备节点

一. 简介 Linux内核针对 GPIO驱动开发,提供了 pinctrl子系统与gpio子系统,方便了 GPIO驱动程序的开发。 本文开始学习如何利用 Linux内核的 pinctrl子系统,与 gpio子系统提供的 API函数,开发按键驱动。 这里主要学习在设备树文件中创建按键的设备节点。 二. Linux按键…

C# 学习第三弹——表达式

表达式操作数运算符 &#xff08;一&#xff09;算数运算符 错误例子&#xff1a;这不是python&#xff01;&#xff01;&#xff01;&#xff01;&#xff01;&#xff01;&#xff01;&#xff01;&#xff01;&#xff01;&#xff01;&#xff01;&#xff01; 正确结果&a…

css transform 会影响position 定位

比如通过以下代码.实现导航条上的每个li栏目,以不同的时间间隔,从上向下移动进来并显示 .my-navbar ul li {position: relative;opacity: 0;transform: translateY(-30px);transition: transform .6s cubic-bezier(.165,.84,.44,1),opacity .6s cubic-bezier(.165,.84,.44,1);…

【力扣 - 有效的括号】

题目描述 给定一个只包括 (&#xff0c;)&#xff0c;{&#xff0c;}&#xff0c;[&#xff0c;] 的字符串 s &#xff0c;判断字符串是否有效。 有效字符串需满足&#xff1a; 左括号必须用相同类型的右括号闭合。左括号必须以正确的顺序闭合。每个右括号都有一个对应的相同…

从 SOCKS5、代理IP 到 HTTP 的趣味解读

在数字化时代&#xff0c;网络安全已成为人们日常生活和工作中不可或缺的重要议题。然而&#xff0c;随着网络技术的发展&#xff0c;我们也发现了一些趣味横生的网络代理技术&#xff0c;比如 SOCKS5、代理IP 和 HTTP 代理。本文将以轻松愉快的方式&#xff0c;探讨这些技术在…

【数据结构】线性表 顺序表(动态、静态分配,插入删除查找基本操作)解析+完整代码

1.线性表的基本概念 定义 线性表&#xff08;Linear List&#xff09;是具有相同数据类型的n个数据元素的有限序列。 n为表长&#xff0c;n0时线性表是个空表 前驱、后继 前驱&#xff1a;其中一个数据元素的前一个元素。第一个元素没有前驱。后继&#xff1a;其中一个数据元素…

vue指令 (侦听器)

在Vue中&#xff0c;watch 选项允许我们观察和响应Vue实例上的数据变化。当被侦听的属性变化时&#xff0c;回调函数将被调用&#xff0c;执行相应的操作。 以下是一个简单的示例&#xff0c;演示了如何使用 watch 选项&#xff1a; new Vue({ el: #app, data: { message: Hel…

JavaSec 基础之 SQL 注入

文章目录 JDBC 注入语句拼接(Statement)修复方案 语句拼接(PrepareStatement)修复方案 预编译 JdbcTemplate修复方案 MyBatisLike 注入Order By 注入In 注入 寒假学了一个月 pwn&#xff0c;真心感觉这玩意太底层学的我生理不适应了&#xff0c;接下来学一段时间 java 安全缓一…

使用R语言进行多元线性回归分析-多重共线的诊断

一、数据集 序号X1x2x3x4Y序号X1x2x3X4Y12666078.57831224472.51229155274.31954182293.12356850104.3111047426115.92143184787.6111140233483.8155263395.971266912113.311655922109.2111368812109.410771176102.73       1、从中选取主要变量&#xff0c;建立与因变…

iOS 中的Skeleton UI

使用骨架屏&#xff08;skeleton screen&#xff09;是一种在应用加载过程中展示占位符内容的技术&#xff0c;可以提升用户体验。以下是使用骨架屏的一些优点&#xff1a; 1.提高用户体验&#xff1a;在应用加载数据时&#xff0c;骨架屏可以提供一个清晰的占位符&#xff0c;…

SQL注入漏洞解析--less-46

我们先看一下46关 他说让我们先输入一个数字作为sort,那我们就先输入数字看一下 当我们分别输入1&#xff0c;2&#xff0c;3可以看到按照字母顺序进行了排序&#xff0c;所以它便是一个使用了order by语句进行排序的查询的一种查询输出方式 当输入时出现报错提示&#xff0c;说…

AI一键生成3D模型!

一、Genie Genie 是 Luma AI 推出的一个文本到 3D 的生成模型&#xff0c;可以在 10 秒生成 4 款 3D 模型&#xff0c;自动精修后质感非常逼真&#xff0c;目前支持免费使用。 此次的 1.0 版本更新后将生成功能由 Discord 转到了单独的网页&#xff0c;使用起来更方便&#x…

无法访问云服务器上部署的Docker容器(二)

说明&#xff1a;记录一次使用公网IP 接口地址无法访问阿里云服务接口的问题&#xff1b; 描述 最近&#xff0c;我使用Docker部署了jeecg-boot项目&#xff0c;部署过程都没有问题&#xff0c;也没有错误信息。部署完成后&#xff0c;通过下面的地址访问后端Swagger接口文档…

vue中使用$emit传递参数

传递一个参数 1、子组件 this.$emit(getData,abcd)2、父组件 <child getData"getData"></child> getData(data){console.log(data) // abcd }传递多个参数 第一种方法 1、子组件 let obj {data1: abcd,data2: abcdefg } this.$emit(getData,obj)2、…

CleanMyMac4苹果Mac电脑全面、高效的系统清理工具

CleanMyMac 4 for Mac是一款专为Mac用户设计的系统清理和优化工具。它具备多种功能&#xff0c;旨在帮助用户轻松管理和释放Mac上的磁盘空间&#xff0c;同时提升系统性能。 系统垃圾清理&#xff1a;CleanMyMac 4能够深入扫描Mac的每一个角落&#xff0c;智能识别并清除不需要…

LDR6020双盲插音频随便插充电听歌随便插

随着智能手机的普及和功能的日益丰富&#xff0c;手机已经成为我们日常生活中不可或缺的一部分。音乐、电影、游戏等娱乐内容更是丰富了手机的使用体验。而在这其中&#xff0c;音频转接器的作用愈发凸显&#xff0c;特别是在边听边充的场景下&#xff0c;一款高效且便捷的手机…

实践航拍小目标检测,基于轻量级YOLOv8n开发构建无人机航拍场景下的小目标检测识别分析系统

关于无人机相关的场景在我们之前的博文也有一些比较早期的实践&#xff0c;感兴趣的话可以自行移步阅读即可&#xff1a; 《deepLabV3Plus实现无人机航拍目标分割识别系统》 《基于目标检测的无人机航拍场景下小目标检测实践》 《助力环保河道水质监测&#xff0c;基于yolov…

【Spring连载】使用Spring Data访问 MongoDB----Template API 查询Documents

【Spring连载】使用Spring Data访问 MongoDB----Template API 查询Documents 一、 查询集合中的Documents二 选择字段三、 其他查询选项3.1 Hints3.2 游标批大小Cursor Batch Size3.3 Collations3.4 读取首选项Read Preference3.5 Comments 四、查询Distinct值五、Geo-near 查询…

小龙虾优化算法COA求解不闭合SD-MTSP,可以修改旅行商个数及起点(提供MATLAB代码)

一、小龙虾优化算法COA 小龙虾优化算法&#xff08;Crayfsh optimization algorithm&#xff0c;COA&#xff09;由Jia Heming 等人于2023年提出&#xff0c;该算法模拟小龙虾的避暑、竞争和觅食行为&#xff0c;具有搜索速度快&#xff0c;搜索能力强&#xff0c;能够有效平衡…