Android端使用FlutterBooster(v1.71.1) 进行 Flutter产物集成至现有的原生项目

直接先上工程目录图


工程目录

历时好几天终于完成Android端的Flutter产物集成
涉及到的相关知识:
开发工具:Android studio
Flutter端
1、FlutterBooster 1.71.1
2、FishRedux使用
3、MethodChannel和BasicMessageChannel使用,与原生交互
4、跳转至Native界面(传参)
5、fat-aar打包

Android端
1、FlutterBooster
2、自定义FlutterBooster下的Channel
3、跳转至Flutter界面(传参)

Flutter端

一、新建Flutter项目

我的Flutter项目,用的Flutter Application 并非 Flutter Module


新建Flutter项目

二、编写Flutter代码

  • 配置yaml
  flutter_boost:
    git:
      url: 'https://github.com/alibaba/flutter_boost.git'
      ref: '1.17.1'
  • FlutterBooster初始化(main.dart)

  • 修改项目跳转方式

// Navigator.pushNamed(context, router, arguments: arguments);
    FlutterBoost.singleton.open(router,urlParams: arguments);

三、注册交互Channel

注册channel后记住channel的Name字段,这与Native里的注册Name要保持一致

四、配置fat-aar打包(生成aar文件)

Native端

一、现有项目配置FlutterBooster初始化

二、自定义FlutterBooster下的channel

三、编写公共跳转方法及原生交互代码

四、编译运行

完整Demo地址:

可先看下 操作视频
再决定是否下载(吼吼吼) Android端demo,Flutter项目产物集成方案,打通了Android端与Flutter端的

©著作权归作者所有,转载或内容合作请联系作者
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

推荐阅读更多精彩内容