Flutter与Android的混合跳转和通信

1、项目特点

项目是Flutter作为主工程,将Android module或SDK作为模块嵌入到flutter中,与通常所熟悉的Android(或iOS)工程将flutter 为module嵌入到工程中有所不同。

2、业务需求

任意界面间的跳转,不管是flutter页面Android页面亦或是SDK中的页面,需要实现相互间的任意跳转且按照顺序返回(例如进入时A-B-C-D-C-D-B,返回时是B-D-C-D-C-B-A,不考虑启动模式)

3、实现方式探索

我们都知道Android 要打开一个Flutter页面(简称为A页面吧),需要借助与FlutterEngine来开启一个新的任务栈。

startActivity(FlutterActivity.withNewEngine().initialRoute("/second").build(ThreeActivity.this));

这样可以开启在Flutter代码中注册路由为“/second”的A页面,但这个页面加载速度会有些慢,因为每次都需要创建新的FlutterEngine,因此我们可以优化代码为:

public class MyApplication extends FlutterApplication {@Overridepublic void onCreate() {super.onCreate();FlutterEngine flutterEngineInit = new FlutterEngine(this);//flutterEngineInit.// 开始执行Dart代码以预热FlutterEngineflutterEngineInit.getNavigationChannel().setInitialRoute("/second");flutterEngineInit.getDartExecutor().executeDartEntrypoint(DartExecutor.DartEntrypoint.createDefault());// 缓存FlutterActivity要使用的FlutterEngineFlutterEngineCache.getInstance().put("/second", flutterEngineInit);}
}

自定义Application并在AndroidManifest.xml中注册,在自定义的application的onCreate()方法中将页面提前绑定到创建好的FlutterEngine上,并放入到缓存中

    <applicationandroid:label="untitled"android:name=".MyApplication"android:icon="@mipmap/ic_launcher"android:usesCleartextTraffic="true"></application>

这样在打开A页面时就可以,从缓存中获取,加载体验会明显优于使用.withNewEngine()创建并打开A页面

        jumpTv.setOnClickListener(new View.OnClickListener() {@Overridepublic void onClick(View view) {startActivity(FlutterActivity.withCachedEngine("/second").build(ThreeActivity.this));}});

注意:需要在AndroidManifest.xml中注册FlutterActivity

       <activityandroid:name="io.flutter.embedding.android.FlutterActivity"android:theme="@style/LaunchTheme"android:configChanges="orientation|keyboardHidden|keyboard|screenSize|locale|layoutDirection|fontScale|screenLayout|density|uiMode"android:hardwareAccelerated="true"android:windowSoftInputMode="adjustResize"/>

到这里你可以在Android中打开A页面了。

4、遇到问题

但有一个很大的问题,如果A页面需要与Android交互怎么办?每次打开A页面都是放在一个新的FlutterEngine中,FlutterEngine是相互隔离的,channel无法互通。而我们的项目作为一个flutter项目,APP启动时,已经创建了FlutterEngine,且channel全部建立在这个engine中,上述方法打开的页面是无法使用这些channel;并且flutter B页面中也可以通过navigation.push打卡A页面,那A页面所在的FlutterEngine,即为B页面所在的FlutterEngine。如此情况A页面的在调用channel时会报如下错误:

2023-11-15 15:56:51.504 1528-10332/com.example.untitled E/flutter: [ERROR:flutter/lib/ui/ui_dart_state.cc(209)] Unhandled Exception: MissingPluginException(No implementation found for method jumpToAndroidWebviewPage on channel samples.flutter.jumpto.android)#0      MethodChannel._invokeMethod (package:flutter/src/services/platform_channel.dart:165:7)<asynchronous suspension>

提示我在A页面中调用的channel,没有找到对应的实现。这是因为Android通过FlutterEngine开启的A页面,新的任务栈中没有对应的实现。如何解决这个问题呢?

MethodChannel一般会是这样写:


public class MainActivity extends FlutterActivity  implements MethodChannel.MethodCallHandler{@Overrideprotected void onCreate(@Nullable Bundle savedInstanceState) {super.onCreate(savedInstanceState);}@Overridepublic void configureFlutterEngine(@NonNull FlutterEngine flutterEngine) {super.configureFlutterEngine(flutterEngine);MethodChannel commonMethodChannel = new MethodChannel(flutterEngine.getDartExecutor(), "samples.flutter.jumpto.android");commonMethodChannel.setMethodCallHandler(this);}@Overridepublic void onMethodCall(@NonNull MethodCall call, @NonNull MethodChannel.Result result) {}
}

我注意到在创建channel的时候,接收两个参数一个是messenger,一个是name。name好理解就是channel名称,自己定义。而messenger,我们是通过flutterEngine.getDartExecutor()来获取的一个BinaryMessenger的实现类对象。 也就是说我们只要能拿到每次打开A页面的FlutterEngine对象,那就好解决这个问题了。

我们创建一个channel的管理类,方便我们在每个engine中实现channel(代码有优化空间)

public class ChannelManage implements MethodChannel.MethodCallHandler, EventChannel.StreamHandler{private FlutterEngine flutterEngine;private Context context;EventChannel.EventSink jumpevents;public ChannelManage(FlutterEngine flutterEngine, Context context){this.flutterEngine = flutterEngine;this.context = context;MethodChannel commonMethodChannel = new MethodChannel(flutterEngine.getDartExecutor(), "samples.flutter.jumpto.android");commonMethodChannel.setMethodCallHandler(this);}@Overridepublic void onMethodCall(@NonNull MethodCall call, @NonNull MethodChannel.Result result) {if (call.method.equals("jumpToAndroidPage")) {Intent intent=new Intent(context, ContentActivity.class);context.startActivity(intent);result.success("跳转");}else if(call.method.equals("jumpToAndroidSDKPage")){Intent intent=new Intent(context, JumpActivity.class);context.startActivity(intent);result.success("跳转");}else if(call.method.equals("jumpToAndroidWebviewPage")){Intent intent=new Intent(context, ThreeActivity.class);context.startActivity(intent);result.success("跳转");} else {result.notImplemented();}}@Overridepublic void onListen(Object arguments, EventChannel.EventSink events) {events.success("Android");jumpevents=events;}@Overridepublic void onCancel(Object arguments) {}
}

步骤3中的代码改下:

我们在application中已经缓存了A页面和绑定的FlutterEngine,从缓存那取出来,获取对应的messenger设置给ChannelManage,这样A页面的Channel也可以使用啦。

        jumpTv.setOnClickListener(new View.OnClickListener() {@Overridepublic void onClick(View view) {new ChannelManage(FlutterEngineCache.getInstance().get("/second"),ThreeActivity.this);startActivity(FlutterActivity.withCachedEngine("/second").build(ThreeActivity.this));}});

但是不要高兴太早,还记得我们要的需求不?任意界面间的跳转,不管是flutter页面Android页面亦或是SDK中的页面。

按照上面的方式假如有一个Android activityB 通过上述方法打开了flutter A页面,A页面又通过Channel新开了activityB页面,activityB又打开了A页面,(这里例子比较极端,现实中A页面和activityB中间可能有其他页面,但不妨碍会出现循环打开的场景)那会是什么样子呢?

童年Andy 2023-11-11 16.19.28

我发现在返回到A页面倒数第二次打开的地方,屏幕上没有任何界面,且不能响应系统的手势放回。这肯定是不行啊,没有按原路返回啊,更大的问题是APP不能用了啊。

这是怎么回事呢?

其实是因为用了FlutterEngineCache,我们每次取到的都是一个FlutterEngine,那么当多次使用时,FlutterEngine就被放在了最后一次出现的位置,原位置将是一个空的engine,那这怎么玩。

再回过头来看下,如果每次都新建engine开启A页面呢?

回顾下上面的代码(中间写的废话太多了)

startActivity(FlutterActivity.withNewEngine().initialRoute("/second").build(ThreeActivity.this));

这肯定没问题了吧,试下。靠,Channel又报错了.......。

那就想法搞到每次的FlutterEngine不就行了吗?

看API....,哎呀,这玩意没有get FlutterEngine的API啊。这怎么玩。

但是如果我写一个MFlutterActivity extends FlutterActivity,然后重写configureFlutterEngine方法不就可以了吗?(MainActivity不就是这样搞的吗)

startActivity(MFlutterActivity.withNewEngine().initialRoute("/second").build(ThreeActivity.this));
public class MFlutterActivity extends FlutterActivity {@Overrideprotected void onCreate(@Nullable Bundle savedInstanceState) {super.onCreate(savedInstanceState);}@Overridepublic void configureFlutterEngine(@NonNull FlutterEngine flutterEngine) {new ChannelManage(flutterEngine,this);}}

注意:需要在AndroidManifest.xml中注册MFlutterActivity

来一把试试,结果不行。这里的configureFlutterEngine不会回调,不应该啊,MainActivity为什么就可以呢?

想不通啊想不通。翻源代码。

发现如下注释(走了很多弯路,不赘述了,也尝试过反射获取engine对象,我没有成功,小伙伴们可以试试)

    /*** Constructor that allows this {@code NewEngineIntentBuilder} to be used by subclasses of* {@code FlutterActivity}.** <p>Subclasses of {@code FlutterActivity} should provide their own static version of {@link* #withNewEngine()}, which returns an instance of {@code NewEngineIntentBuilder} constructed* with a {@code Class} reference to the {@code FlutterActivity} subclass, e.g.:** <p>{@code return new NewEngineIntentBuilder(MyFlutterActivity.class); }*/public NewEngineIntentBuilder(@NonNull Class<? extends FlutterActivity> activityClass) {this.activityClass = activityClass;}

啥意思?这意思是不是要自己重写withNewEngine方法?干吧,直接把系统的代码粘贴复制一下试试。

/*** Creates an {@link NewEngineIntentBuilder}, which can be used to configure an {@link Intent} to* launch a {@code FlutterActivity} that internally creates a new {@link* io.flutter.embedding.engine.FlutterEngine} using the desired Dart entrypoint, initial route,* etc.** @return The engine intent builder.*/@NonNullpublic static NewEngineIntentBuilder withNewEngine() {return new NewEngineIntentBuilder(FlutterActivity.class);}

APP起来,起来吧!!!

童年Andy 2023-11-11 14.30.39

5、总结:

实现flutter和Activity间的任意跳转一定要实现对Channel的统一管理和自定义MFlutterActivity继承FlutterActivity,用MFlutterActivity去执行加载flutter页面的代码开启新的engine,且一定要重写withNewEngine方法,否则Activity的生命周期以及configureFlutterEngine是不会执行的,也就没办法拿到engine,以便为统一管理的Channel设置messenger。

6、原代码

最后上demo代码,自取。

flutter_android_jump: 实现flutter工程下嵌入SDK、Android module后,flutter与Android界面间的任意跳转和通信

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

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

相关文章

Spring Cache框架,实现了基于注解的缓存功能。

个人简介&#xff1a;Java领域新星创作者&#xff1b;阿里云技术博主、星级博主、专家博主&#xff1b;正在Java学习的路上摸爬滚打&#xff0c;记录学习的过程~ 个人主页&#xff1a;.29.的博客 学习社区&#xff1a;进去逛一逛~ Spring Cache框架 简介Spring Cache 环境准备S…

Android studio 引用framework.jar

framework.jar 引用目录 N/O&#xff1a; out/target/common/obj/JAVA_LIBRARY/framework_interminate/classes.jarAndroid 9/10: out/soong/.intermediates/frameworks/base/framework/android_common/combined/framework.jarAndroid 11: out/soong/.intermediates/framewo…

ArrayList和LinkedList的区别

List是我们才日常开发中一定会使用到的&#xff0c;它有两个实现&#xff0c;分别是ArrayList和LinkedList。本文主要来介绍一下它们之间的区别。 ArrayList和LinkedList都是Java中常见的集合类&#xff0c;它们之间有几个关键区别&#xff1a; // 创建一个ArrayList List<…

关于8位图像buffer显示到picturebox上

最终版本&#xff1a; void showbuffer2pictmod4(byte[] buffer, int ww, int hh, PictureBox destImg) { int mod ww % 4;//解决四位对齐问题20150716 int temproiw ww (4 - mod) % 4;//其实这都是和显示相关&#xff0c;处理图像其实不必…

C# APS.NET CORE 6.0 WEB API IIS部署

1.创建 APS.NET CORE6.0 WEB API项目 默认选项即可 源代码&#xff1a; 项目文件展开&#xff1a; launchSettings.json {"$schema": "https://json.schemastore.org/launchsettings.json","iisSettings": {"windowsAuthentication"…

深入理解MySQL索引及事务

✏️✏️✏️今天给各位带来的是关于数据库索引以及事务方面的基础知识 清风的CSDN博客 &#x1f61b;&#x1f61b;&#x1f61b;希望我的文章能对你有所帮助&#xff0c;有不足的地方还请各位看官多多指教&#xff0c;大家一起学习交流&#xff01; 动动你们发财的小手&#…

微机原理_4

一、单项选择题&#xff08;本大题共 15 小题&#xff0c;每小题 3 分&#xff0c;共 45 分。在每小题给出的四个备选项中&#xff0c;选出一个正确的答案&#xff0c;请将选定的答案填涂在答题纸的相应位置上。) 1在产品研制的过程中,通常采用( )类型的存储芯片来存放待调试的…

【LeeCode】283.移动零

给定一个数组 nums&#xff0c;编写一个函数将所有 0 移动到数组的末尾&#xff0c;同时保持非零元素的相对顺序。 请注意 &#xff0c;必须在不复制数组的情况下原地对数组进行操作。 解【做的有点呆&#xff0c;额外设置了计数器变量统计0的个数再从后往前赋0】&#xff1a…

spring JdbcTemplate 快速入门

概述 Spring JDBC Template 是 Spring Framework 提供的一个简化 JDBC 操作的模板类。它封装了一些常见的 JDBC 操作&#xff0c;使得开发者在使用 JDBC 时能够更加便捷、简洁&#xff0c;同时也提供了异常处理和资源管理等功能。 导入pom 使用C3P0作为数据源 <project x…

河南省第五届“金盾信安杯”网络与数据安全大赛实操技能赛 部分wp(自己的一些思路和解析 )(主misc crypto )

芜湖 不评价 以下仅是自己的一些思路和解析 有什么问题或者建议随时都可以联系我 目录 题目一 来都来了 操作内容&#xff1a; flag值&#xff1a; 题目二 Honor 操作内容&#xff1a; flag值&#xff1a; 题目三 我看看谁还不会RSA 操作内容&#xff1a; flag值&a…

游戏视野计算

游戏地图是矩形的&#xff0c;将矩形分割成一个个紧邻的大小相等的方形格子&#xff0c;地图中每个对象必然归属于一个格子&#xff0c;每个格子维护了在这个格子里的所有对象。 将每个格子都放入从左下角到右上角的坐标系&#xff0c;设横轴是x&#xff0c;纵轴是y。 假设地图…

运维高级-day01

shell回顾 1、快速生成版权控制信息&#xff0c;具体的内容自己替换 [root scripts]# cat ~/.vimrc autocmd BufNewFile *.py,*.cc,*.sh,*.java exec ":call SetTitle()" func SetTitle() if expand("%:e") sh call setline(1,"#!/bin/bash")…

python:傅里叶分析,傅里叶变换 FFT

使用python进行傅里叶分析&#xff0c;傅里叶变换 FFT 的一些关键概念的引入&#xff1a; 1.1.离散傅里叶变换&#xff08;DFT&#xff09; 离散傅里叶变换(discrete Fourier transform) 傅里叶分析方法是信号分析的最基本方法&#xff0c;傅里叶变换是傅里叶分析的核心&…

go模版引擎的使用~~

go模板语句 以下是一些go语言模板引擎的一些简单知识和使用 基础语法 重要&#xff01;&#xff01;&#xff01;&#xff1a; 模板在写动态页面的网站的时候&#xff0c;我们常常将不变的部分提出成为模板&#xff0c;可变部分通过后端程序的渲染来生成动态网页&#xff0…

上手 Promethus - 开源监控、报警工具包

名词解释 Promethus 是什么 开源的【系统监控和警报】工具包 专注于&#xff1a; 1&#xff09;可靠的实时监控 2&#xff09;收集时间序列数据 3&#xff09;提供强大的查询语言&#xff08;PromQL&#xff09;&#xff0c;用于分析这些数据 功能&#xff1a; 1&#xff0…

Java Web——XML

1. XML概述 XML是EXtensible Markup Language的缩写&#xff0c;翻译过来就是可扩展标记语言。XML是一种用于存储和传输数据的语言&#xff0c;它使用标签来标记数据&#xff0c;以便于计算机处理和我们人来阅读。 “可扩展”三个字表明XML可以根据需要进行扩展和定制。这意味…

【LeetCode】485. 最大连续1的个数

485. 最大连续1的个数 难度&#xff1a;简单 题目 给定一个二进制数组 nums &#xff0c; 计算其中最大连续 1 的个数。 示例 1&#xff1a; 输入&#xff1a;nums [1,1,0,1,1,1] 输出&#xff1a;3 解释&#xff1a;开头的两位和最后的三位都是连续 1 &#xff0c;所以最…

ubuntu+Teslav100 环境配置

系统基本信息 nvidia-smi’ nvidia-smi 470.182.03 driver version:470.182.03 cuda version: 11.4 产看系统体系结构 uname -aUTC 2023 x86_64 x86_64 x86_64 GNU/Linux 下载miniconda https://mirrors.tuna.tsinghua.edu.cn/anaconda/miniconda/?CM&OA https://mi…

如何解决React子组件中的逻辑很多影响父组件回显速度的问题

前言 更新状态导致重新渲染时&#xff0c;由于子组件中的逻辑很多&#xff0c;影响到父组件的回显速度。 React18之前&#xff0c;由于渲染是同步的&#xff0c;一旦开始渲染&#xff0c;就不可被中断&#xff0c;所谓的同步&#xff0c;就是指如果react的某个组件执行时间长…

MyBatisPlus入门介绍

目录 一、MyBatisPlus介绍 润物无声 效率至上 丰富功能 二、Spring集成MyBatisPlus 三、SpringBoot集成MyBatisPlus 一、MyBatisPlus介绍 MyBatis-Plus&#xff08;简称 MP&#xff09;是一个MyBatis的增强工具&#xff0c;在MyBatis的基础上只做增强不做改变&#xff0c…