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
發表評論
所有評論
還沒有人評論,想成為第一個評論的人麼? 請在上方評論欄輸入並且點擊發布.
相關文章