Android端使用FlutterBooster(v1.71.1) 進行 Flutter產(chǎn)物集成至現(xiàn)有的原生項目

直接先上工程目錄圖


工程目錄

歷時好幾天終于完成Android端的Flutter產(chǎn)物集成
涉及到的相關(guān)知識：
開發(fā)工具：Android studio
Flutter端
1、FlutterBooster 1.71.1
2、FishRedux使用
3、MethodChannel和BasicMessageChannel使用，與原生交互
4、跳轉(zhuǎn)至Native界面（傳參）
5、fat-aar打包

Android端
1、FlutterBooster
2、自定義FlutterBooster下的Channel
3、跳轉(zhuǎn)至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)

  • 修改項目跳轉(zhuǎn)方式

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

三、注冊交互Channel

注冊channel后記住channel的Name字段，這與Native里的注冊Name要保持一致

四、配置fat-aar打包（生成aar文件）

Native端

一、現(xiàn)有項目配置FlutterBooster初始化

二、自定義FlutterBooster下的channel

三、編寫公共跳轉(zhuǎn)方法及原生交互代碼

四、編譯運行

完整Demo地址：

可先看下 操作視頻
再決定是否下載(吼吼吼) Android端demo,Flutter項目產(chǎn)物集成方案,打通了Android端與Flutter端的

?著作權(quán)歸作者所有,轉(zhuǎn)載或內(nèi)容合作請聯(lián)系作者
【社區(qū)內(nèi)容提示】社區(qū)部分內(nèi)容疑似由AI輔助生成，瀏覽時請結(jié)合常識與多方信息審慎甄別。
平臺聲明：文章內(nèi)容（如有圖片或視頻亦包括在內(nèi)）由作者上傳并發(fā)布，文章內(nèi)容僅代表作者本人觀點，簡書系信息發(fā)布平臺，僅提供信息存儲服務(wù)。

相關(guān)閱讀更多精彩內(nèi)容

友情鏈接更多精彩內(nèi)容