Flutter 如何调用Android和iOS原生代码

38次阅读

共计 4329 个字符,预计需要花费 11 分钟才能阅读完成。

请大家支持我的网站:http://tryenough.com/flutter-tonative

分 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!
请大家支持我的网站:http://tryenough.com/flutter-tonative

我们在 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();
}
}
}
请大家支持我的网站:http://tryenough.com/flutter-tonative

分析:
分析 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 端:
请大家支持我的网站:http://tryenough.com/flutter-tonative

在 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 端也设置完了。
运行你的应用查看能不能调用成功吧。祝你顺利。
最后希望大家多多支持我的网站。因为我的文章一直会在我的网站上更新,而这里就不一定更新了。
请大家支持我的网站:http://tryenough.com/flutter-tonative

正文完
 0