博客
关于我
强烈建议你试试无所不能的chatGPT,快点击我
Flutter 如何调用Android和iOS原生代码
阅读量:6229 次
发布时间:2019-06-21

本文共 4544 字,大约阅读时间需要 15 分钟。

请大家支持我的网站:

分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
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 
#import
NS_ASSUME_NONNULL_BEGIN@interface FlutterNativePlugin : NSObject
@endNS_ASSUME_NONNULL_END复制代码

FlutterNativePlugin.m

#import "FlutterNativePlugin.h"#import "CountryUtils.h"@implementation FlutterNativePlugin+ (void)registerWithRegistrar:(NSObject
*)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端也设置完了。

运行你的应用查看能不能调用成功吧。祝你顺利。

最后希望大家多多支持我的网站。因为我的文章一直会在我的网站上更新,而这里就不一定更新了。

请大家支持我的网站:

转载于:https://juejin.im/post/5caf0e9df265da03b91806c3

你可能感兴趣的文章
【Spark】Spark Streaming + Kafka direct 的 offset 存入Zookeeper并重用
查看>>
golang web开发获取get、post、cookie参数
查看>>
一个JAVA程序员经常访问的网站
查看>>
漫画:鉴权与安全访问控制的技术血脉
查看>>
C# 3.0入门系列-目录导航
查看>>
CrashMe for windbg
查看>>
使用Microsoft Web Application Stress Tool对web进行压力测试
查看>>
重装上了Fedora8自带的MySQL5.0.45,再试,告捷!!
查看>>
为一张PCI卡打通经络的过程
查看>>
mahout算法源码分析之Itembased Collaborative Filtering(三)RowSimilarityJob验证
查看>>
179. Largest Number
查看>>
Git命令行大全
查看>>
Node.js 4493图片批量下载爬虫1.00
查看>>
其实人缺乏对数据的真实分析能力,只知道数据展现和推演
查看>>
连接H3C交换机的Console口连不上
查看>>
Redis 简介
查看>>
JSt中对象的prototype属性
查看>>
iPhone应用程序 将图片保存到相册实例
查看>>
给DropDownList添加ToolTip(title)属性
查看>>
IOS新特性详情
查看>>