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

第一步:下载Flutter的SDK

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

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

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

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

Android 在原生项目中新建一个Flutter的Module_第1张图片

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

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

Android 在原生项目中新建一个Flutter的Module_第2张图片

然后选择自己FlutterSDK地址目录

Android 在原生项目中新建一个Flutter的Module_第3张图片

重点来了!这里type要选择Module
Android 在原生项目中新建一个Flutter的Module_第4张图片

创建完成后,将这个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_第5张图片

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

implementation project(':flutter')

至此结束,目的达成。


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

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

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

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

你可能感兴趣的:(Android,#,Android进阶,#,Flutter,Flutter项目创建,Flutter,Module,创建FlutterModule,原生项目引入Flutter,安卓项目引入Flutter)