在Android原生项目中 创建 Flutter模块

前言

应用场景:在已有的Android原生项目中,引入Flutter模块,摸索了两天,终于给整出来了;

如果是新项目,最好直接创建Flutter项目,然后在Fluter的 android / ios目录中,写原生代码;

本文除了讲解 Android原生如何创建Flutter模块外,还会演示在使用 Gradle 高版本低版本 时可能出现的问题;

官方指导文档:将 Flutter module 集成到 Android 项目 - Flutter 中文文档 - Flutter 中文开发者网站 - Flutter

1、Gradle高版本

基础配置版本:

1、Flutter版本 :3.13.2

2、Flutter内嵌android的Gradle版本:gradle-7.5-all.zip

3、Flutter内嵌android的Gradle插件版本:7.3.0

4、Android原生项目Gradle版本:gradle-8.0-bin.zip

5、Android原生项目Gradle 插件版本:8.1.1

6、Android Studio 版本:2022.3.1

7、原生项目由 Android Studio 2022.3.1 创建

1.1 在原生项目中, 创建Flutter模块

注意:Project type 要选 Module

Ps:低版本的Android Studio,New Module 里面直接可以添加 Flutter Module,而且关连的配置代码自动生成,但高版本却没有这个 Flutter Module,比如 Android Studio 2021.4.2.2 就有,我使用的高版本 Android Studio 2022.3.1就没有,是真的坑爹!!!

至此,先将谷歌负责这块的产品经理拉出去枪毙10分钟,再继续观看本文档。

1.2 修改settings.gradle

将Android原生项目根目录下的 settings.gradle 里的代码,修改为低版本的方式

// 高版本 方式(默认生成的)
//pluginManagement {
//    repositories {
//        google()
//        mavenCentral()
//        gradlePluginPortal()
//    }
//}
//dependencyResolutionManagement {
//    repositoriesMode.set(RepositoriesMode.FAIL_ON_PROJECT_REPOS)
//    repositories {
//        google()
//        mavenCentral()
//    }
//}// 低版本 方式
rootProject.name = "AndroidInsertFlutter"
include ':app'
setBinding(new Binding([gradle: this]))
evaluate(new File(settingsDir,'flutter_module/.android/include_flutter.groovy'
))

1.3 修改build.gradle

将Android原生项目根目录下的 build.gradle 里的代码,修改为低版本的方式

// 高版本 方式(默认生成的)
// Top-level build file where you can add configuration options common to all sub-projects/modules.
//plugins {
//    id 'com.android.application' version '8.1.1' apply false
//    id 'org.jetbrains.kotlin.android' version '1.9.0' apply false
//}// 低版本 方式
// Top-level build file where you can add configuration options common to all sub-projects/modules.
buildscript {ext.kotlin_version = "1.9.0"repositories {maven { url 'https://maven.aliyun.com/nexus/content/groups/public/' }maven { url 'https://maven.aliyun.com/nexus/content/repositories/jcenter' }maven { url 'https://maven.aliyun.com/nexus/content/repositories/google' }maven { url 'https://maven.aliyun.com/nexus/content/repositories/gradle-plugin' }google()mavenCentral()}dependencies {classpath "com.android.tools.build:gradle:8.1.1"classpath "org.jetbrains.kotlin:kotlin-gradle-plugin:$kotlin_version"// NOTE: Do not place your application dependencies here; they belong// in the individual module build.gradle files}
}allprojects {repositories {maven { url 'https://maven.aliyun.com/nexus/content/groups/public/' }maven { url 'https://maven.aliyun.com/nexus/content/repositories/jcenter' }maven { url 'https://maven.aliyun.com/nexus/content/repositories/google' }maven { url 'https://maven.aliyun.com/nexus/content/repositories/gradle-plugin' }google()mavenCentral()jcenter() // Warning: this repository is going to shut down soon}
}task clean(type: Delete) {delete rootProject.buildDir
}

1.4 导入flutter模块

project 就写 flutter不要写成 flutter_module,做完这4步,Sync gradle;

dependencies {implementation project(':flutter')... ... 
}

1.5 会出现的异常

为什么要将 settings.gradlebuild.gradle 里的代码改为低版本方式,因为flutter内嵌android项目的gradle版本,有极大概率会低于原生项目的gradle版本,我使用的Flutter版本是 3.13.2,已经算很新了,实际开发中很少用到最新版本,目前最新的beat版本也才3.19.0,如果不修改为低版本代码方式,可能会出现以下异常:

异常一

PluginApplicationException

网上的解决方案:是将 RepositoriesMode.FAIL_ON_PROJECT_REPOS 改为 RepositoriesMode.PREFER_PROJECT,然并卵,直接引发第二个异常。

异常二

依赖下载失败

异常三

  • BundleAar 可能是原生项目中的Gradle 和 Flutter内嵌android的Gradle,发生版本冲突,目前找到的解决方案,都是降低原生项目Gradle版本
  • 这个是编译异常,直接忽略,不影响运行

1.6 在原生项目中,启动Flutter页面

MainActivity 改为 FlutterActivity

1.7 源码地址

GitHub - LanSeLianMa/AndroidInsertFlutter: Gradle高版本情况下,Android原生项目引入Flutter模块的简单案例

2、Gradle低版本

基础配置版本:

1、Flutter版本 :3.13.2

2、Flutter内嵌android的Gradle版本:gradle-7.5-all.zip

3、Flutter内嵌android的Gradle插件版本:7.3.0

4、Android原生项目Gradle版本:gradle-6.7.1-bin.zip

5、Android原生项目Gradle 插件版本:4.2.2

6、Android Studio 版本:2021.4.2.2

7、原生项目由 Android Studio 2021.4.2.2 创建 

1.1 运行检查原生项目

创建完原生项目后,先运行一下,因为可能一些版本差异导致出现异常;

1.1.1 解决异常

1.1.2 警告

每个Android Studio版本,都有一个最小最大Gradle版本的限制,我尝试将Android原生的Gradle版本,改成和Flutter内嵌android的Gradle版本一致。结果它提示我升级Android Studio;

这些警告的意思是,想让我升级Gradle版本,直接忽略,不影响运行

1.2 在原生项目中, 创建Flutter模块

注意:创建完成后,先独立运行一下Flutter项目,检查是否正常,比如可能需要设置Flutter SDK;

在Project Location 处只需要进入Android原生项目根目录下即可,它会自动生成 flutter项目的目录,默认项目名为 flutter_module;

正确路径:xxx/xxx/Android原生项目根目录

错误路径:xxx/xxx/Android原生项目根目录/flutter_module

1.3 自动生成关联代码

这待遇怎么到了高版本Android Studio就没了呢???

来人,再把相关产品经理拉出去枪毙10分钟!!!

1.4 在原生项目中, 启动Flutter页面

MainActivity 改为 FlutterActivity

1.5 源码地址 

GitHub - LanSeLianMa/AndroidAddFlutter: Gradle低版本情况下,Android原生项目引入Flutter模块的简单案例

总结

  • 目前Flutter对高版本Gradle并不是百分百同步,无法保证在所有高版本Gralde中都能正常使用。
  • 所以最稳妥的Android原生混合Flutter开发方案是:
    • 如果是新项目,最好直接创建Flutter项目,然后在Fluter的 android / ios目录中,写原生代码;
    • 如果是已有Android原生项目引入Flutter,注意一下原生项目的Gradle版本,如果不能降低,那就尝试使用高版本的Flutter,因为Flutter版本越高,它内嵌android的Gradle版本就越高;

不同Android Studio 版本下载

各版本Android Studio仓库地址:Android Studio download archives  |  Android Developers

Ps:免安装版本,就是下载下来就能用,不会覆盖你当前电脑上原有的Android Studio,这样一台电脑上,就有多个不同版本的Android Studio,可以切换使用。

Android Studio 2021.4.2.2 免安装版本 + Window版本

https://redirector.gvt1.com/edgedl/android/studio/ide-zips/4.2.2.0/android-studio-ide-202.7486908-windows.zip

Android Studio 2021.4.2.2 免安装版本 + Mac版本

https://redirector.gvt1.com/edgedl/android/studio/ide-zips/4.2.2.0/android-studio-ide-202.7486908-mac.zip

本文来自互联网用户投稿,该文观点仅代表作者本人,不代表本站立场。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如若转载,请注明出处:http://www.rhkb.cn/news/238088.html

如若内容造成侵权/违法违规/事实不符,请联系长河编程网进行投诉反馈email:809451989@qq.com,一经查实,立即删除!

相关文章

贝锐蒲公英云智慧组网解读:实现工业设备远程调试、异地PLC互联

这个时候,使用异地组网是非常有效的解决方案。在12月28日贝锐官方的直播中,请到了贝锐蒲公英的技术研发经理,为大家分享了贝锐蒲公英云智慧组网解决方案,以及蒲公英二层组网相关的技术和应用。 搜索“贝锐”官方视频号&#xff0c…

好物周刊#36:程序员简历

村雨遥的好物周刊,记录每周看到的有价值的信息,主要针对计算机领域,每周五发布。 一、项目 1. SmartDNS 一个运行在本地的 DNS 服务器,它接受来自本地客户端的 DNS 查询请求,然后从多个上游 DNS 服务器获取 DNS 查询…

【BetterBench】2024年都有哪些数学建模竞赛和大数据竞赛?

2024年每个月有哪些竞赛? 2024年32个数学建模和数据挖掘竞赛重磅来袭!!! 2024年数学建模和数学挖掘竞赛时间目录汇总 一月 (1)2024年第二届“华数杯”国际大学生数学建模竞赛 报名时间:即日起…

苍穹外卖学习----出错记录

1.微信开发者工具遇到的问题: 1.1appid消失报错: {errMsg: login:fail 系统错误,错误码:41002,appid missing [20240112 16:44:02][undefined]} 1.2解决方式: appid可在微信开发者官网 登录账号后在开发栏 找到 复制后按以下步骤粘贴即…

【MySQL】子查询

文章目录 子查询一、子查询的基本使用子查询的分类 二、单行子查询2.1 单行比较操作符2.2 HAVING 中的子查询2.3 CASE中的子查询2.4 子查询中的空值问题2.5 非法使用子查询 三、多行子查询3.1 多行比较操作符3.2 ANY与ALL的区别 四、相关子查询4.1 相关子查询执行流程4.1.1 代码…

【大数据进阶第三阶段之Datax学习笔记】使用阿里云开源离线同步工具DataX 实现数据同步

【大数据进阶第三阶段之Datax学习笔记】阿里云开源离线同步工具Datax概述 【大数据进阶第三阶段之Datax学习笔记】阿里云开源离线同步工具Datax快速入门 【大数据进阶第三阶段之Datax学习笔记】阿里云开源离线同步工具Datax类图 【大数据进阶第三阶段之Datax学习笔记】使用…

Django数据库选移的preserve_default=False是什么意思?

有下面的迁移命令: migrations.AddField(model_namemovie,namemov_group,fieldmodels.CharField(defaultdjango.utils.timezone.now, max_length30),preserve_defaultFalse,),迁移命令中的preserve_defaultFalse是什么意思呢? 答:如果模型定…

数学建模.皮尔逊相关系数假设检验

一、步骤 查表找临界值 二、更好的方法 三、使用条件 作图可以使用spss 这个图对不对还不好说,因为还没进行正态分布的验证 四、正态分布验证 (1)JB检验 所以之前的数据的那个表是错的,因为不满足正态分布 (2&#xff…

基于Token认证的登录功能实现

Session 认证和 Token 认证过滤器和拦截器 上篇文章我们讲到了过滤器和拦截器理论知识以及 SpringBoot 集成过滤器和拦截器,本篇文章我们使用过滤器和拦截器去实现基于 Token 认证的登录功能。 一、登录校验 Filter 实现 1.1、Filter 校验流程图 获得请求 url。判…

C语言入门教程,C语言学习教程(第三部分:C语言变量和数据类型)一

第三部分:C语言变量和数据类型 本章也是C语言的基础知识,主要讲解变量、数据类型以及运算符,这其中涉及到了数据的存储格式以及不同进制。 一、大话C语言变量和数据类型 在《数据在内存中的存储(二进制形式存储)》一…

性能分析与调优: Linux 内存观测工具

目录 一、实验 1.环境 2.vmstat 3.PSI 4.swapon 5.sar 6.slabtop 7.numstat 8.ps 9.top 10.pmap 11.perf 12.bpftrace 二、问题 1.接口读写报错 2.slabtop如何安装 3.numactl如何安装 4.numad启动服务与关闭NUMA 5. perf如何安装 6. kernel-lt-doc与kern…

MySQL:索引失效场景总结

1 执行计划查索引 通过执行计划命令可以查看查询语句使用了什么索引。 EXPLAIN SELECT * FROM ods_finebi_area WHERE areaName = 福建 执行查询计划后,key列的值就是被使用的索引的名称,若key列没有值表示查询未使用索引。 2 在什么列上创建索引 (1)列经常被用于where…

Multi-View-Information-Bottleneck

encoder p θ ( z 1 ∣ v 1 ) _θ(z_1|v_1) θ​(z1​∣v1​),D S K L _{SKL} SKL​ represents the symmetrized KL divergence. I ˆ ξ ( z 1 ; z 2 ) \^I_ξ(z_1; z_2) Iˆξ​(z1​;z2​) refers to the sample-based parametric mutual information estimatio…

【PyTorch简介】3.Loading and normalizing datasets 加载和规范化数据集

Loading and normalizing datasets 加载和规范化数据集 文章目录 Loading and normalizing datasets 加载和规范化数据集Datasets & DataLoaders 数据集和数据加载器Loading a Dataset 加载数据集Iterating and Visualizing the Dataset 迭代和可视化数据集Creating a Cust…

memory泄露分析方法(java篇)

#memory泄露主要分为java和native 2种,本文主要介绍java# 测试每天从monkey中筛选出内存超标的app,提单流转到我 首先,辨别内存泄露类型(java,还是native) 从采到的dumpsys_meminfo_pid看java heap&…

网络技术基础入门全套实验-厦门微思网络CCNA实验手册

知识改变命运,技术就是要分享,有问题随时联系,免费答疑,欢迎联系! 微思简介(https://www.xmws.cn) 微思成立于2002年,是一个诚信敬业、积极向上、充满活力、专注技术服务的企业。 微思获得了八…

LeetCode讲解篇之2280. 表示一个折线图的最少线段数

文章目录 题目描述题解思路题解代码 题目描述 题解思路 折线图中如果连续的线段共线,那么我们可以可以将其合并成一条线段 首先将坐标点按照横坐标升序排序 然后遍历数组 我们可以通过计算前一个线段的斜率和当前线段的斜率来判断是否共线 如果二者相等&#x…

Open3D 两片点云的最小/最大距离(23)

Open3D 两片点云的最小/最大距离(23) 一、效果展示二、使用步骤1.代码三、cloudcompare量距小工具一、效果展示 算法与实际量测的结果保持一致,输出最近距离和对应点 二、使用步骤 1.代码 import open3d as o3d import numpy as np# 读取点云数据 cloud_2 = o3d.io.re…

硬盘无法写入文件的解决方法 在Mac中的特殊符号如何打 tuxera ntfs for Mac 磁盘读写工具

今天将为大家介绍一下怎么在Mac中输入特殊符号,希望能够给大家带来帮助。 图:Mac中的特殊符号 苹果符号 按下ShiftOptionK就可以插入Apple logo了,不过要注意的是,在Windows可能直接显示为一个框框,而Linux系统则有可…

uni微信小程序强制用户更新版本

强制更新的代码参考官方文档 uni.getUpdateManager() | uni-app官网 我这边的如下: //检查版本更新const updateManager uni.getUpdateManager();updateManager.onCheckForUpdate(function (res) {// 请求完新版本信息的回调console.log(res.hasUpdate, "是…