flutter混合開發小記之原生項目集成flutter模塊

原生項目集成flutter

1、新建項目根目錄

創建整個項目得根目錄,然後再根目錄裏創建android或ios原生項目
......
這裏默認原生項目創建完畢,期望得目錄結構如下:

項目根目錄/
|── 原生項目文件夾/
|── └── app/
|── └── gradle/
|── └── ...
|── Flutter Module文件夾/
|── └── ...

接下來單獨創建flutter模塊得項目。

2、單獨創建flutter module project(這裏以Android Studio爲例)

File > New Flutter Project

clipboard.png

選擇 Flutter Module,然後按提示勾選填寫完成創建(這裏如果沒有安裝Dart SDK 和 flutter SDK需要另行安裝)

clipboard.png

完成後項目目錄

clipboard.png

與創建Flutter Application大致一致,區別在於pubspec.yaml文件中

Flutter Module
clipboard.png

Flutter Application
clipboard.png

3、修改pubspec.yaml文件

Flutter Module項目需要在pubspec.yaml文件中添加如下代碼:

module:
    androidPackage: com.XXX.flutter_module
    iosBundleIdentifier: com.XXX.flutterModule
發表評論
所有評論
還沒有人評論,想成為第一個評論的人麼? 請在上方評論欄輸入並且點擊發布.
相關文章