0
点赞
收藏
分享

微信扫一扫

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

Sky飞羽 2021-09-19 阅读 69
日记本

直接先上工程目录图


历时好几天终于完成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代码

  • 配置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端的

举报

相关推荐

0 条评论