直接先上工程目錄圖
工程目錄
歷時(shí)好幾天終于完成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項(xiàng)目
我的Flutter項(xiàng)目,用的Flutter Application 并非 Flutter Module
新建Flutter項(xiàng)目
二橡卤、編寫Flutter代碼
- 配置yaml
flutter_boost:
git:
url: 'https://github.com/alibaba/flutter_boost.git'
ref: '1.17.1'
FlutterBooster初始化(main.dart)
修改項(xiàng)目跳轉(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)有項(xiàng)目配置FlutterBooster初始化
二、自定義FlutterBooster下的channel
三嵌灰、編寫公共跳轉(zhuǎn)方法及原生交互代碼
四弄匕、編譯運(yùn)行
完整Demo地址:
可先看下 操作視頻
再?zèng)Q定是否下載(吼吼吼) Android端demo,Flutter項(xiàng)目產(chǎn)物集成方案,打通了Android端與Flutter端的