分 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 端也设置完了.
运行你的应用查看能不能调用成功吧. 祝你顺利.
来源: https://yq.aliyun.com/articles/697792