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端也设置完了。

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

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

热度: 12