Flutter中fluro的详细使用

最新推荐文章于 2024-08-12 08:51:48 发布

置顶

Poker、J

最新推荐文章于 2024-08-12 08:51:48 发布

阅读量7.3k

点赞数 5

分类专栏： Flutter 文章标签：移动开发 dart flutter

本文链接：https://blog.csdn.net/qq_38605423/article/details/103894908

版权

本文介绍了Flutter中用于路由管理的库Fluro的详细使用方法，包括如何创建全局Router对象，初始化设置，以及配置Routes和route_handlers。还涵盖了不同类型的页面过渡动画，无参数、字符串参数和对象类型参数的界面跳转，以及界面返回操作。这是作者根据Fluro的官方示例和资料整理的笔记，旨在方便日后查阅和学习。

摘要由CSDN通过智能技术生成

Flutter中fluro的详细使用

fluro是flutter中的路由管理,GitHub地址

[https://github.com/theyakka/fluro]:

库的使用

1.创建一个全局的的Router对象

import 'package:fluro/fluro.dart';

//全局对象
class Application {
  static Router router;
}

2.在main.dart初始化

 //创建
 final router = new Router();
 //绑定
 Routes.configureRoutes(router);
 //全局赋值
 Application.router = router;
 
 
 return MaterialApp(
      debugShowCheckedModeBanner: false, //隐藏测试
      onGenerateRoute:Application.router.generator, //注册路由
      home: HomePage(),  //跳转主页
    );

3.常用的两个配置文件

3.1创建Routes.dart

//配置路由名称
class Routes {

   static String root = '/';  //根路径
  static String goodKtvList = '/good_ktv_list';  //路径地址
  static String couponpage = '/couponpage';
  static String koempage = '/koempage';
  static String ktvinfopage = '/ktvinfo'