美文网首页Flutter
Android端使用FlutterBooster(v1.71.1

Android端使用FlutterBooster(v1.71.1

作者: 30eb7fe7eef0 | 来源:发表于2021-02-03 17:05 被阅读0次

直接先上工程目录图


工程目录

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

相关文章

网友评论

    本文标题:Android端使用FlutterBooster(v1.71.1

    本文链接:https://www.haomeiwen.com/subject/dqnttltx.html