最近项目需要开始研究,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就算完成啦 跑起来看看
完美跑起来。好啦到这就介绍结束了,如果对您有帮助记得打赏一点哦!