Flutter混合开发 如何将Flutter项目变成Module导入Android项目(4.6)

545 阅读2分钟

如果说当前没有Flutter项目,可以在Android中直接new一个flutter_module出来,可是如果已经有Flutter项目了如何办呢?复制代码吗?太憨了,来看我操作吧

​一生当中,常常会遇到某个人,他打破你的原则,改变你的习惯,成为你的例外,然后岁月流经,不知不觉中,他变成你的原则,成就你的习惯,这就是一种牵绊。

最近很多朋友反映集成不成功,那么接下来我就重构一下本篇吧~~

第一步:准备Flutter项目,放到一个空文件夹下

先来看看这个flutter的效果:

这个项目是我最近在开发的猫眼APP,刚开始,只写了一个Banner

第二步: 同一级目录下,创建Android工程

第三步:删除Flutter中的Android和ios项目,因为没用

第四步: 在Android项目中导入Flutter项目

第五步:导入Flutter项目

第六步:选择刚刚处理好的Flutter项目即可

这里的处理指的是:在Flutter项目中删除Android和IOS项目

导入完成之后是这个样子:

第七步: 配置Android中的setting.gradle

在这里插入图片描述

第八步:打开Flutter中的pubspec.yaml

注意:此时AS还识别不到Flutter项目,需要手动打开这个pubspec.yaml

第九步:配置Flutter中的pubspec.yaml

  module:
    androidX: true
    androidPackage: com.example.myapplication //这里添加的是包名
    iosBundleIdentifier: com.example.myapplication

检查是否导入依赖

最后一步:测试是否导入成功:

在这里插入图片描述

来看看最终效果:

这里没有Banner数据是因为我Android项目没有加网络权限之类的,小问题.不用在意

完整代码

猜你喜欢:

FLutter混合开发 Android跳转Flutter页面,Flutter引擎等(4.1)

Flutter混合开发 传递初始化数据给Android(4.2)

Flutter混合开发 BasicMessageChannel与原生android通信(4.3)

Flutter混合开发 EventChannel单向传递数据(4.4)

Flutter混合开发 MethodChannel单向传递消息(4.5)

原创不易,您的点赞就是对我最大的支持,留下您的点赞吧~

在这里插入图片描述