Flutter混合开发(一)Flutter打包成 AAR接入已经存在的Android原生项目中

最近项目需要开始研究,Flutter 混合开发。因为Flutter 更新速度都比较快,所以在学习的时候总是找不到最新的资料在学习解决。废话不多说,直接上图教程

开发环境:Windows 10        开发工具:Android Studio 4.0        Flutter SDK: 1.17.3

1.第一步当然是先创建个Flutter Module 啦。

(如果Android Studio 还没装 Flutter 和 Dart 插件的 先安装插件)

2.这里只演示的案例就直接开始打包了  

(Build -- > Flutter -- >  Build AAR)如图

接下来就是等打包完成啦。当出现  Process finished with exit code 0  就代表打包成功啦。打包后,其实下面也已经有教程了

打包完成 一般就是 在项目中的 build 文件路径下啦 ,一下代码都很有 复制的意义的。(写代码的灵魂在于复制粘贴,哈哈)

(这里有可能会出现打包失败的,有可能是翻墙的问题,翻墙打包即可)

3.第三步,创建一个Android 原生项目

(或者你已经有了,这里举例就当做没有哈)

4.第四步在项目下的 build.gradle 下将 部分代码复制粘贴到 repositories 中,如图

5.第五步在项目app 下的 build.gradle 中去添加 代码 如图

(添加完记得同步一下)

6.第六步 在我们的项目中添加个代码,看看能不能加载出 Flutter aar 中的代码

(我这里只是简单的加了个按钮,跳转到Flutter 中去。)

记得在清单文件中去添加注册 FlutterActivity 不然会报错的 如图

<activity
    android:name="io.flutter.embedding.android.FlutterActivity"
    android:configChanges="orientation|keyboardHidden|keyboard|screenSize|locale|layoutDirection|fontScale|screenLayout|density|uiMode"
    android:hardwareAccelerated="true"
    android:theme="@style/AppTheme"
    android:windowSoftInputMode="adjustResize" />
<meta-data
    android:name="flutterEmbedding"
    android:value="2" />

到这里dia就算完成啦 跑起来看看

完美跑起来。好啦到这就介绍结束了,如果对您有帮助记得打赏一点哦!

  • 2
    点赞
  • 4
    收藏
    觉得还不错? 一键收藏
  • 打赏
    打赏
  • 0
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包

打赏作者

WL-鬼

你的鼓励将是我创作的最大动力

¥1 ¥2 ¥4 ¥6 ¥10 ¥20
扫码支付:¥1
获取中
扫码支付

您的余额不足,请更换扫码支付或充值

打赏作者

实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值