第一步:下载Flutter的SDK

下载地址:​​起步:安装Flutter - Flutter中文网​

第二步:在AndroidStudio上安装Flutter插件

安装Flutter插件时,会自动安装Dart插件,如没有,需手动点一下安装。

Dart插件的作用是Dart语法的提示和补全等功能

Android 在原生项目中新建一个Flutter的Module_创建FlutterModule

插件安装完后会提示重启AndroidStudio,重启完毕后进行第三步;

第三步:创建一个Module类型的Flutter项目

Android 在原生项目中新建一个Flutter的Module_Flutter项目创建_02

然后选择自己FlutterSDK地址目录

Android 在原生项目中新建一个Flutter的Module_创建FlutterModule_03

重点来了!这里type要选择Module

Android 在原生项目中新建一个Flutter的Module_Flutter Module_04

创建完成后,将这个Flutter项目拷贝到旧项目下

第四步:在旧项目中生成Module并导入

在根目录的settings.gradle文件中加入这些配置:

这个地址的两个xxx,第一个改成你的旧项目名,第二个改成刚刚建的Flutter项目名,这里的结构以您的实际情况为准。

include ':app'
// 加入下面配置
setBinding(new Binding([gradle: this]))
evaluate(new File(
settingsDir.parentFile,
'xxx/xxx/.android/include_flutter.groovy'
))

等同步完成后,你会发现项目中多了一个这个文件夹

Android 在原生项目中新建一个Flutter的Module_原生项目引入Flutter_05

 这时候,再到build.gradle中引入这个module即可

implementation project(':flutter')

至此结束,目的达成。


天色将晚,今天就先和大家汇报到这里。

如果您有不同的见解或疑问,欢迎到评论区留言。

如果您感觉深海写的不错的话,请给文章点个赞吧。

要是能够得到您的关注,深海会更加荣幸,感谢各位的支持!