素材巴巴 > 程序开发 >

安卓flutter混合开发流程和一系列问题(适合新学)

程序开发 2023-09-06 21:03:43

安卓flutter混合开发流程

首先 我想说,我也是跟随大步伐开始接触安卓和flutter的混合开发,才学习的, 真难啊, 花费了一天多时间才配置好(还是我太笨了 惭愧),好了下面开始主题吧。

首先按照流程配置安卓和lfutter module,前提是 自己的 studio已经配置了插件了,如下图(最新版本就好,不用纠结还原旧版本):

一个是Flutter插件另一个是Dart
好了,继续走起来,然后新建安卓项目就简单了,比如我新建项目是 MyFlutterT ,下一步就是新建flutter module了 ,关键开始了 (备注:我的AndroidStudio是最新版本 小蜜蜂版本 2021.1.1 ),如下图:

第一个图

第二个图注意 看好flutter的sdk路径
第三个图 也很关键注意 两点 第一,项目类型是 Module的 第二 module的路径是 和自己安卓项目同等级的路径啊
位置同等级

然后呢就是 finish了

好了,这是新建完成了, 当然了还有后期的配置如下:

第一步 检查 flutter module的 如下图位置 是否有build文件以及内部的 aar文件;
在这里插入图片描述
如果没有的话,那就需要配置了,方法简单 ,在自己安卓项目的如下位置 输入两个指令 ,前提是 定位到 flutter module的位置中,我先说指令吧 第一个是 cd .android 第二个是 gradlew assembleDebug (等待片刻执行完毕后 会有绿色字母,代表完成了)
这样就ok了
然后再看flutter module文件的里面就会多一个 build文件,里面自然也有了 aar文件,

然后呢,继续大步伐了,配置安卓项目里面的,如下图
记得清理掉 rootProject.name以上的其他所有代码啊
上图也是关键的注意点,在setting.gradle配置红色圈的代码,修改自己的flutter module的名称啊,然后呢,我的血泪经验来了,那就是 一旦发现 Binding报红,千万千万千万不要导入包,我一开始不懂,反复入坑了多次,后期配置成功 build就会正常了,
好了第二个图就是 app中的 gradle了,配置如下图,
不用质疑就是 写 flutter的
如果没有指定JavaVersion 1.8的话,记得添加一下;
然后呢, 我本来以为就结束了,可以build了, 其实并没有,当我运行时候报错如下
这个界面是另一个的项目,也是类似吧,
如果这样的错误了, 不要慌,哈哈哈 那就是 需要配置gradle和sdk版本了, 修改成 和 flutter module类似的,不一定都一致啊,如下如图 第一部分是 flutter module的安卓部分的 三个图:
在这里插入图片描述
在这里插入图片描述
在这里插入图片描述

上面三个图注意看红色圈的啊,然后就是 安卓项目的 对应配置了,如下图:
在这里插入图片描述
在这里插入图片描述
在这里插入图片描述
注意的是,可能会和flutter module的个别不一样,因为吧, 一开始写的一样,然后报错,提示修改对应的,具体情况大家到时候 先改为类似flutter module的配置,然后再修改了 ,
ok 然后呢就是最后的了 使用 build或者 try again 等,安卓项目目录就会如下图这样:

在这里插入图片描述

项目就会 不报错了,然后呢就是 run安卓项目了 哈哈哈哈哈 到此结束,我不擅长发博客,语言太多,不简洁 还请见谅啊。

备注 这个地址是我突然解决问题的关键:https://blog.csdn.net/shulianghan/article/details/119956323


标签:

素材巴巴 Copyright © 2013-2021 http://www.sucaibaba.com/. Some Rights Reserved. 备案号:备案中。