Flutter调用Android和iOS原生代码的方法示例
前言
本文主要给大家介绍了关于flutter调用android和ios原生代码的相关内容,分享出来供大家参考学习,下面话不多说了,来一起看看详细的介绍吧
分3个大步骤:
1.在flutter中调用原生方法
2.在android中实现被调用的方法
3.在ios中实现被调用的方法
在flutter中调用原生方法
场景,这里你希望调用原生方法告诉你一个bool值,这个值的意义你可以随意定,这里表示的意义是是否是中国用户。
你可以在flutter中设计好要调用的方法名称,这里就叫
ischinese
请注意:
在flutter中要调用原生代码需要通过通道传递消息,在flutter端就是methodchannel。
所以我们这里的做法是,在flutter 端创建一个自己命名的通道:
const platform = const methodchannel("com.test/name");
这里的名字 com.test/name 你可以随便取。
讲解一下:
你可能有疑问了,我们自作主张在flutter端创建的通道,怎么就能告诉android和ios端到底该怎么调用呢?
你这个问题问得极好,这里啊先告诉你,等下我们还要分别在两端创建和这个通道同名的通道。
敲黑板了:
此时你知道了,我们要在三端分别有一个通道了吧,而且这三个通道是同名的,所以就能连接起来了。
不过这里还是先把flutter端的代码写完,然后我们再去分别设置android和ios端的代码吧。go!
我们在flutter中的代码如下:
future<bool> iseuropeuser() async { // native channel const platform = const methodchannel("com.test/name"); //分析1 bool result = false; try { result = await platform.invokemethod("ischinese"); //分析2 } on platformexception catch (e) { print(e.tostring()); } return result; }
还是分析一下:
分析1: 创建一个我们自定义的channel。
分析2: 用channel发送调用消息到原生端,调用方法是:ischinese
好了,flutter端相信你也觉得很简单了,接下来我们来看下android端怎么搞。
在android中实现被调用的方法
我建议你在android studio编写android端代码哦,因为这样有良好的代码提示和头文件引入。不过你要是有办法做到同样的效果,啥ide俺都不在乎。
在flutter项目文件夹里的android文件夹中有一个 mainactivity.java文件,不要告诉我你找不到啊。
我先告诉你等下就在mainactivity里注册我们的android端插件。嘿嘿,现在先去写我们的android端插件吧。
代码我一次贴出来了,反正也不多。
public class flutternativeplugin implements methodchannel.methodcallhandler { public static string channel = "com.test/name"; // 分析1 static methodchannel channel; private activity activity; private flutternativeplugin(activity activity) { this.activity = activity; } public static void registerwith(pluginregistry.registrar registrar) { channel = new methodchannel(registrar.messenger(), channel); flutternativeplugin instance = new flutternativeplugin(registrar.activity()); channel.setmethodcallhandler(instance); } @override public void onmethodcall(methodcall methodcall, methodchannel.result result) { // 分析 2 if (methodcall.method.equals("ischinese")) { boolean ischinese = true; result.success(iseuropean); // 分析3 } else { result.notimplemented(); } } }
分析:
分析1: 注意这里的插件名字要和flutter中的一样
分析2:onmethodcall这个方法是插件的回调,这里我们根据方法名ischinese判断调用的方法,然后实现我们的操作就行了。
分析3:这里直接返回了true,因为这只是个例子,而你应该换成你自己的逻辑哦。
我们的插件写好了,回到mainactivity.java中进行注册。
看下代码:
public class mainactivity extends flutteractivity { @override protected void oncreate(bundle savedinstancestate) { super.oncreate(savedinstancestate); generatedpluginregistrant.registerwith(this); registercustomplugin(this); } private void registercustomplugin(pluginregistry registrar) { flutternativeplugin.registerwith(registrar.registrarfor(flutternativeplugin.channel)); } }
恭喜恭喜,android端完成了。
//////////////////////////////////////////////////////////////////////////////////////////////////////////
接下来我们搞一下ios端:
在ios中实现被调用的方法
ios中我建议你在xcode中编写代码哦。因为这样会有良好的提示。
我先告诉你要改那些文件:
用xcode打开ios工程后,在runner文件夹下有appdelegate文件。
我们等下就在这里进行注册我们的插件。
那么我们先写我们的插件代码吧:
flutternativeplugin.h
\#import <foundation/foundation.h> #import <flutter/flutter.h> ns_assume_nonnull_begin @interface flutternativeplugin : nsobject <flutterplugin> @end ns_assume_nonnull_end
flutternativeplugin.m
#import "flutternativeplugin.h" #import "countryutils.h" @implementation flutternativeplugin + (void)registerwithregistrar:(nsobject<flutterpluginregistrar>*)registrar { fluttermethodchannel* channel = [fluttermethodchannel methodchannelwithname:@"com.test/name" binarymessenger:[registrar messenger]]; flutternativeplugin* instance = [[flutternativeplugin alloc] init]; [registrar addmethodcalldelegate:instance channel:channel]; } - (void)handlemethodcall:(fluttermethodcall*)call result:(flutterresult)result { if ([@"iseuropeuser" isequaltostring:call.method]) { result([nsnumber numberwithbool:yes]); } else { result(fluttermethodnotimplemented); } } @end
分析:
这里也是和android一个德行,分为注册和方法回调两部分。但是你可能发现了这里的通道是fluttermethodchannel,这个不用大惊小怪,flutter也是用和android上的methodchannel不同类名类区分这两个平台的。只是名字不同而已。
该在ios上注册了:
在 appdelegate.m类的如下方法添加代码就行:
- (bool)application:(uiapplication *)application didfinishlaunchingwithoptions:(nsdictionary *)launchoptions { [generatedpluginregistrant registerwithregistry:self]; [flutternativeplugin registerwithregistrar: [self registrarforplugin:@"flutternativeplugin"]]; return [super application:application didfinishlaunchingwithoptions:launchoptions]; }
///////////////////////////////////////////////////////////////////////////////////
恭喜你,ios端也设置完了。
运行你的应用查看能不能调用成功吧。祝你顺利。
总结
以上就是这篇文章的全部内容了,希望本文的内容对大家的学习或者工作具有一定的参考学习价值,谢谢大家对的支持。
下一篇: 微信小程序整合使用富文本编辑器的方法详解
推荐阅读
-
Android中js和原生交互的示例代码
-
Flutter调用Android和iOS原生代码的方法示例
-
原生Android调用Flutter的dart方法
-
Android9 framework 按键音调用流程及自定义按键音(替换原生按键音)和调节按键音音量的方法
-
Flutter调用Android和iOS原生代码的方法示例
-
Android、iOS和Java通用的AES128加密解密示例代码
-
Android、iOS和Java通用的AES128加密解密示例代码
-
原生Android调用Flutter的dart方法
-
Android9 framework 按键音调用流程及自定义按键音(替换原生按键音)和调节按键音音量的方法