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

安卓flutter混合开发流程

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

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

安卓flutter混合开发流程和一系列问题(适合新学)_第1张图片
好了,继续走起来,然后新建安卓项目就简单了,比如我新建项目是 MyFlutterT ,下一步就是新建flutter module了 ,关键开始了 (备注:我的AndroidStudio是最新版本 小蜜蜂版本 2021.1.1 ),如下图:

安卓flutter混合开发流程和一系列问题(适合新学)_第2张图片

安卓flutter混合开发流程和一系列问题(适合新学)_第3张图片
安卓flutter混合开发流程和一系列问题(适合新学)_第4张图片
安卓flutter混合开发流程和一系列问题(适合新学)_第5张图片

然后呢就是 finish了

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

第一步 检查 flutter module的 如下图位置 是否有build文件以及内部的 aar文件;
安卓flutter混合开发流程和一系列问题(适合新学)_第6张图片
如果没有的话,那就需要配置了,方法简单 ,在自己安卓项目的如下位置 输入两个指令 ,前提是 定位到 flutter module的位置中,我先说指令吧 第一个是 cd .android 第二个是 gradlew assembleDebug (等待片刻执行完毕后 会有绿色字母,代表完成了)
安卓flutter混合开发流程和一系列问题(适合新学)_第7张图片
然后再看flutter module文件的里面就会多一个 build文件,里面自然也有了 aar文件,

然后呢,继续大步伐了,配置安卓项目里面的,如下图
安卓flutter混合开发流程和一系列问题(适合新学)_第8张图片
上图也是关键的注意点,在setting.gradle配置红色圈的代码,修改自己的flutter module的名称啊,然后呢,我的血泪经验来了,那就是 一旦发现 Binding报红,千万千万千万不要导入包,我一开始不懂,反复入坑了多次,后期配置成功 build就会正常了,
好了第二个图就是 app中的 gradle了,配置如下图,
安卓flutter混合开发流程和一系列问题(适合新学)_第9张图片
如果没有指定JavaVersion 1.8的话,记得添加一下;
然后呢, 我本来以为就结束了,可以build了, 其实并没有,当我运行时候报错如下
安卓flutter混合开发流程和一系列问题(适合新学)_第10张图片
如果这样的错误了, 不要慌,哈哈哈 那就是 需要配置gradle和sdk版本了, 修改成 和 flutter module类似的,不一定都一致啊,如下如图 第一部分是 flutter module的安卓部分的 三个图:
安卓flutter混合开发流程和一系列问题(适合新学)_第11张图片
安卓flutter混合开发流程和一系列问题(适合新学)_第12张图片
安卓flutter混合开发流程和一系列问题(适合新学)_第13张图片

上面三个图注意看红色圈的啊,然后就是 安卓项目的 对应配置了,如下图:
安卓flutter混合开发流程和一系列问题(适合新学)_第14张图片
安卓flutter混合开发流程和一系列问题(适合新学)_第15张图片
安卓flutter混合开发流程和一系列问题(适合新学)_第16张图片
注意的是,可能会和flutter module的个别不一样,因为吧, 一开始写的一样,然后报错,提示修改对应的,具体情况大家到时候 先改为类似flutter module的配置,然后再修改了 ,
ok 然后呢就是最后的了 使用 build或者 try again 等,安卓项目目录就会如下图这样:

安卓flutter混合开发流程和一系列问题(适合新学)_第17张图片

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

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

你可能感兴趣的:(flutter,android,android,studio)