Flutter flutter_boost 集成

最新推荐文章于 2024-08-07 09:30:12 发布

原创

最新推荐文章于 2024-08-07 09:30:12 发布 · 1.1k 阅读

1 ·

CC 4.0 BY-SA版权

文章标签：

#flutter

本文分享了如何在Flutter项目中集成flutter_boost库，包括添加依赖、配置主入口、编写路由管理类和页面跳转的详细步骤。作者还展示了如何创建自定义绑定和使用路由工厂来实现页面切换。

刚开始接触使用flutter boost路由的心得体会记录如下：

Fltter项目部分：

第一步
在Flutter项目的 pubspec.yaml文件中添加如下信息：

flutter_boost:
  git:
    url: 'https://github.com/alibaba/flutter_boost.git'
    ref: '4.3.0'

之后在flutter工程下运行flutter pub get dart端就集成完毕了，然后可以在dart端上使用flutter boost了。

第二步
在main.dart 文件中进行代码编写

import 'package:flutter/material.dart';
import 'package:flutter_boost/flutter_boost.dart';
import 'package:list/douban/hyrouter.dart';

void main() {
   
   
  // 这里的CustomFlutterBinding 调用务必不可缺少，用于控制Boost状态的resume磨合pause
  CustomFlutterBinding();
  runApp(const MyApp());
}

// 创建一个自定义的Biding，继承和with的关系如下，里面什么都不用写
class CustomFlutterBinding extends WidgetsFlutterBinding with BoostFlutterBinding{
   
   }

class MyApp extends StatelessWidget {
   
   
  const MyApp({
   
   super.key});
// FlutterBoostRouteFactory 使用
// 这是创建了一个文件单独管理路由映射表 HYRouter
  Route<dynamic>? routeFactory(