Flutter GetX 之 路由管理

已于 2024-01-11 09:20:32 修改
阅读量1.5k 收藏 9
点赞数 12
分类专栏： Flutter GetX 文章标签： flutter Get 路由管理
于 2024-01-05 16:15:22 首次发布
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.youkuaiyun.com/WangQingLei0307/article/details/135410835
版权
本文介绍了Flutter插件GetX的路由管理功能，包括普通路由和别名路由的页面跳转、参数传递、返回操作。通过示例代码展示了如何设置路由、注入路由以及使用各种路由方法。

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

路由管理是插件GetX常用功能之一，为什么说之一呢？因为GetX的功能远不止路由管理这么简单。

GetX的重要功能如下：

1、路由管理 2、状态管理 3、国际化 4、主题 5、GetUtil工具 6、dialog 弹框 7、snackbar

其实上面功能介绍的还是不够详细，GetX还支持网络请求等

今天主要介绍一下GetX的路由管理

首先需要将Flutter项目入口MaterialApp替换成GetX提供的GetMaterialApp，代码示例如下：

旧

return MaterialApp(
    home: MyHomePage(),
);

新


                

        

    

  


        

            

                

                

                了解本专栏
                
                
                  
                订阅专栏 解锁全文
                 
                
                    
                    超级会员免费看
                
            

            
            
            
        


    



                



	

		

			

				
					
Flutter GetX 之 状态管理

				
			

			

				

					WangQingLei0307的博客
				

				

					01-09
					
					2010
					
				

			

		

		

			
				
打开插件网站，搜索 get 插件 进行引用http://Flutter 插件网然后执行pub get进行引用。

			
		

	



                

            
              



	

		

			

				
					
《Flutter 项目工程化》第三章 3.2 GetX 路由管理

				
			

			

				

					geeksoarsky的博客
				

				

					07-18
					
					435
					
				

			

		

		

			
				
GetX 路由管理
路由管理
新建路由文件和路由表文件
mkdir lib/router
cd lib/router
touch router.dart router_map.dart

router_map.dart 定义了命名路由表
import 'package:flutter_locyin/menu/about.dart';
import 'package:flutter_locyin/menu/language.dart';
import 'package:flutter_locyin/menu/

			
		

	



              


  
              

                


	

		

			

				
					
Flutter_学习记录_状态管理之GetX

				
			

			

				

					lyz0925的博客
				

				

					03-17
					
					1676
					
				

			

		

		

			
				
GetX的学习记录

			
		

	





	

		

			

				
					
Flutter状态管理终极方案GetX第一篇——路由(2)

				
			

			

				

					2401_84412961的博客
				

				

					05-03
					
					913
					
				

			

		

		

			
				
这里我希望可以帮助到大家提升进阶。Android学习PDF+架构视频+面试文档+源码笔记高级架构技术进阶脑图、Android开发面试专题资料，高级进阶架构资料这几块的内容。非常适合近期有面试和想在技术道路上继续精进的朋友。喜欢本文的话，不妨给我点个小赞、评论区留言或者转发支持一下呗~《Android学习笔记总结+移动架构视频+大厂面试真题+项目实战源码》点击传送门，即可获取！

			
		

	



		

			
		



	

		

			

				
					
Flutter中使用GetX进行路由管理的全面指南

					
最新发布

				
			

			

				

					codau的博客
				

				

					04-27
					
					918
					
				

			

		

		

			
				
GetX是Flutter上的一个轻量且强大的解决方案，结合了高性能状态管理、智能依赖注入和路由管理功能。它旨在简化Flutter应用的开发流程，使开发者能够专注于业务逻辑的实现，而无需过多关注底层实现细节[13简洁的API设计，减少样板代码高性能的状态管理智能的依赖注入机制简化的路由管理支持响应式编程在main.dart中定义路由：dart复制runApp(GetPage(name: '/',],),GetPage(),GetPage(),],),在。

			
		

	





	

		

			

				
					
深入浅出 GetX：超详细实用指南，全方位掌握 Flutter 开发利器第一篇之路由管理篇

				
			

			

				

					我叫柱子哥
				

				

					03-16
					
					8489
					
				

			

		

		

			
				
正如Get官方介绍，GetX 是 Flutter 上的一个轻量且强大的解决方案：高性能的状态管理、智能的依赖注入和便捷的路由管理。GetX 有3个基本原则：性能： GetX 专注于性能和最小资源消耗。效率： GetX 的语法非常简捷，并保持了极高的性能，能极大缩短你的开发时长。结构： GetX 可以将界面、逻辑、依赖和路由之间低耦合,逻辑更清晰，代码更容易维护。这篇文章主要是介绍下GetX的用法。

			
		

	





	

		

			

				
					
Flutter 全能型选手GetX —— 路由管理

					
热门推荐

				
			

			

				

					源代码的博客
				

				

					08-14
					
					1万+
					
				

			

		

		

			
				
Getx路由的基本使用

			
		

	





	

		

			

				
					
flutter之： GetX 的 路由管理

				
			

			

				

					daxues_的博客
				

				

					06-08
					
					8057
					
				

			

		

		

			
				
1.如何使用

将此添加到pubspec.yaml文件中。

dependencies:
  get:


在MaterialApp前面加上 “Get”，就可以把它变成GetMaterialApp

GetMaterialApp( // Before: MaterialApp(
  home: MyHome(),
)

2.普通路由导航

2.1 导航到新的页面。

Get.to(NextScreen());


2.2 关闭SnackBars、Dialogs、BottomSheets或任何你通常会用Nav

			
		

	





	

		

			

				
					
Flutter Getx 路由管理：从基础到进阶的深度解析

				
			

			

				

					m0_57836225的博客
				

				

					03-11
					
					959
					
				

			

		

		

			
				
Getx 是一个轻量级、高效的 Flutter 库，它集成了状态管理、依赖注入和路由管理等多种功能。在路由管理方面，Getx 提供了简洁直观的 API，使得开发者可以轻松实现页面之间的跳转、参数传递、路由动画设置以及路由中间件的使用，极大地提升了开发效率和应用的用户体验。除了默认动画，Getx 还支持多种自定义动画，如fade（淡入淡出）、slide（滑动）、rotate（旋转）等。以下是一个使用fadeGetPage(在这个示例中，页面跳转时会使用淡入淡出的动画效果，持续时间为 500 毫秒。

			
		

	





	

		

			

				
					
【Flutter】GetX状态管理及路由管理用法

				
			

			

				

					brave的博客
				

				

					04-19
					
					922
					
				

			

		

		

			
				
GetX状态管理及路由管理用法

			
		

	





	

		

			

				
					
flutter-getx-doc:Flutter GetX文档

				
			

			

				

					04-02
				

			

		

		

			
				
它提供了状态管理和路由管理等功能，极大地简化了应用开发流程。在官方文档的基础上，这份由个人整理的 Flutter GetX 文档旨在提供更清晰、更具条理性的理解和实践指导。  一、GetX 概述 GetX 是一个全面的解决方案...

			
		

	





	

		

			

				
					
flutter_getx_template:测试并构建不同的Flutter Getx技术

				
			

			

				

					04-06
				

			

		

		

			
				
GetX是Flutter生态中的一款强大状态管理和路由管理库，它简化了复杂的组件通信和应用程序流程。本项目"flutter_getx_template"旨在提供一个学习和实践各种Flutter GetX技术的平台，通过创建不同的模块，如盖茨...

			
		

	





	

		

			

				
					
Getx：Flutter Getx状态管理

				
			

			

				

					02-14
				

			

		

		

			
				
getx_app
 一个新的Flutter应用程序。
入门
该项目是Flutter应用程序的起点。
 如果这是您的第一个Flutter项目，那么有一些资源可以帮助您入门：
要获得Flutter入门方面的帮助，请查看我们的，其中提供了教程，示例，有关移动开发的指南以及完整的API参考。

			
		

	





	

		

			

				
					
Flutter Getx 路由

				
			

			

				

					icewst的专栏
				

				

					09-28
					
					1609
					
				

			

		

		

			
				
flutter getx路由

			
		

	





	

		

			

				
					
Flutter状态管理终极方案GetX第一篇——路由

				
			

			

				

					2401_84123094的博客
				

				

					04-17
					
					891
					
				

			

		

		

			
				
代码真的是重质不重量，质量高的代码，是当前代码界提倡的，当然写出高质量的代码肯定需要一个相当高的专业素养，这需要在日常的代码书写中逐渐去吸收掌握，谁不是每天都在学习呀，目的还不是为了一个，为实现某个功能写出高质量的代码。所以，长征路还长，大家还是好好地做个务实的程序员吧。最后，小编这里有一系列Android提升学习资料，有兴趣的小伙伴们可以来看下哦~《互联网大厂面试真题解析、进阶开发核心学习笔记、全套讲解视频、实战项目源码讲义》点击传送门即可获取！

			
		

	





	

		

			

				
					
Getx：路由管理，跳转，传参，中间件

				
			

			

				

					sunluyi的博客
				

				

					11-18
					
					420
					
				

			

		

		

			
				
中间件（匹配路由完成或结束后，所需要做的操作）

			
		

	





	

		

			

				
					
[Flutter GetX使用] Getx路由和状态管理-GetController使用过程中的踩坑记录

				
			

			

				

					iOSTianNan的博客
				

				

					05-12
					
					2480
					
				

			

		

		

			
				
不废话, 先总结下not found的原因(如果不全,那就后面补全)1.在Get.find()之前, 确实没有进行 Get.put注入或者 lazyPut2.通过路由/Binding等进行GetController注入时, 忘记在路由中挂载对应Binding3.在上面两条的基础上,还是无法Get.find(), 就要考虑是否由于 调用导致的,上一个路由会被这两个函数移除,就导致对应注入的全都被卸载了!!OK 正文完结 哈哈后面是我个人的项目踩坑记录, 可看可不看~~1.Get的路由, 尽量不要用。

			
		

	





	

		

			

				
					
深入浅出 GetX：超详细实用指南，全方位掌握 Flutter 开发利器第三篇之路由依赖管理篇

				
			

			

				

					我叫柱子哥
				

				

					07-19
					
					3667
					
				

			

		

		

			
				
今天这篇博客主要介绍Getx的三大功能之一的依赖管理。依赖管理是软件开发中的一个关键部分，尤其是在复杂应用中。它帮助开发者管理应用中的各种依赖，确保依赖的实例化和生命周期管理变得更加简单和高效。GetX 提供了一种简单且高效的依赖注入方式，通过少量代码即可实现依赖的注入、管理和访问。它主要通过Get.put、Get.lazyPut、Get.putAsync和Get.create等方法来实现依赖管理。

			
		

	





	

		

			

				
					

				
			

			

				

					
				

			

		

		

			
				

			
		

	



              




          




        



    





    



      

      

        
      

      





	

		
评论 1

	

	
	




  

    

      添加红包
      
    

    

      

        
        

          
          
        

        
请填写红包祝福语或标题

      

      

        
        

          
          个
        

        
红包个数最小为10个

      

      

        
        

          
          元
        

        
红包金额最低5元

      

      

        
        

          当前余额3.43元
          前往充值 >
        

      

      

        

          需支付：10.00元
        

        
        
      

    

  





  

    
    
  

  

    
    
  








  

    

      

        

          

            
            
成就一亿技术人!

          

          

        

        

          

          

            领取后你会自动成为博主和红包主的粉丝
            规则
          

        

      

      

        

          

            
              
            
            

              
hope_wisdom
 发出的红包
            

          

        

        

          

          

          

        

      

    

    

  





	
打赏作者

	

		

		
			
		
		

		

			
王 哪跑！！！

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

		

	

	

			

	

	

    ¥1
    ¥2
    ¥4
    ¥6
    ¥10
    ¥20
	

	

		

			

				

					扫码支付：¥1
				

				

					

					
					获取中
					

				

				

					
					
					扫码支付
				

			

		

		

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

			
打赏作者

		

	



      
      

      
实付元

      
使用余额支付

      

        

          

            
            点击重新获取
          

        

        
扫码支付

      

      

        
          
            
          
          
        
      

      

        
        钱包余额
          0
          

            
            

              

                
抵扣说明：

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

              

            

          

      

      余额充值