集成Flutter混合开发(入坑篇)
集成Flutter混合开发
- 前言
- 第一步 创建Flutter Module,如图
- 第二步 加入配置
- 第三步 Android调用Flutter
前言
你好,看到这篇帖子,基本你就和我一样肯定遇到了和我一样的问题,如果正好有帮助,麻烦点个赞,是我不断前进的动力。
本篇文章主要针对已有Android项目集成Flutter。(注:部分 项目要转成AndroidX的才可以集成,因为大部分Flutter依赖的插件已经是AndroidX了。解决办法是先把自己的项目转成AnnroiX 之后 按照步骤集成即可。)
第一步 创建Flutter Module,如图
不选择导入,是因为我在导入时候越到各种问题,根本没法往下走。
- 注意 ,老一点的AS版本没有此选项,需要使用命令,(此处需要百度下);
- 在当前Android项目下创建Module即可 ,别的帖子说让在项目根目录上一级创建,不知道为啥 ,反正那样做你上传GIT代码费劲不;
第二步 加入配置
- settings.gradle 中加入如下代码(固定写法) :
setBinding(new Binding([gradle: this]))evaluate(new File( settingsDir, //注意这里,网上大部分贴子 都有parent,此处没有就是 指当前项目路径 'flutter_module/.android/include_flutter.groovy'))
- 在你的项目中引入Flutter :
api project(":flutter") //固定写法不管你的flutter module叫什么都这样引入
3. 迁移你自己的Flutter 项目 :
因为创建的module 是默认创建的,并不是你自己的Flutter项目,需要把你的项目按照对应的目录迁移到创建的这个module中
(注:这里有个需要注意的点,如图)
4、 迁移之后点击Android studio的锤子按钮(Make Project)
这个时候要将之前的操作进行第一次验证,如果有问题会直接报错,我这里没出现任何问题。
5、 **随便点开一个 dart 文件 **
会提示你Enabled Dart support,点击即可。
5、 **点开pubspec.yaml文件 **
会提示Pub get ,点击按钮进行flutter插件安装,安装完之后 再次点击
锤子按钮(Make Project),如果一切顺利,现在项目中会出现Flutter依赖的第三方库。如图:
至此,集成已经完成。
第三步 Android调用Flutter
这个 网上已经很多方式了,我这里贴一个链接 看下就行了。
Android调用Flutter
这里我写下有个注意的地方:
在你的Application onCreate 方法要如下代码,进行Flutter初始化:
FlutterMain.startInitialization(this);
如图:
至此就可以正常调用了,集成完毕,大功告成,如有疑问请留言。
此篇文章 注意的 地方都是 容易 坑的地方 ,也看出Flutter 的确现在集成还是比较费劲的,而且打包的 APK,会比两个单独的项目加一起 大很多,弊端也比较明显,希望以后 Flutter可以更加完善。
我就是我 ,一个深漂的小伙!奥利给!!!
更多相关文章
- 如何在Android Studio项目中导入开源库?
- 详谈 Android 高大上的图片加载框架 Glide
- Android中的Searchview以及SearchableDictionary项目和plurals详
- 10个经典的Android开源应用项目
- Android中图片实现按钮点击效果
- android Shape Drawable创建两边半圆的按钮背景
- Android 1比1高仿微信图片选择器(新)
- Android 三个按钮对话框