爱站程序员基地前言
本文主要给大家介绍了关于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 channelconst platform = const MethodChannel(\"com.test/name\"); //分析1bool 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\"; // 分析1static 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);}@Overridepublic void onMethodCall(MethodCall methodCall, MethodChannel.Result result) { // 分析 2if (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 {@Overrideprotected 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>@endNS_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 *)applicationdidFinishLaunchingWithOptions:(NSDictionary *)launchOptions {[GeneratedPluginRegistrant registerWithRegistry:self];[FlutterNativePlugin registerWithRegistrar: [self registrarForPlugin:@\"FlutterNativePlugin\"]];return [super application:application didFinishLaunchingWithOptions:launchOptions];}
///////////////////////////////////////////////////////////////////////////////////
恭喜你，iOS端也设置完了。
运行你的应用查看能不能调用成功吧。祝你顺利。
总结
以上就是这篇文章的全部内容了，希望本文的内容对大家的学习或者工作具有一定的参考学习价值，谢谢大家对脚本之家的支持。
您可能感兴趣的文章:
- Flutter进阶之实现动画效果（一）
- Flutter Android端启动白屏问题的解决
- flutter实现仿boss直聘功能
- Flutter中ListView 的使用示例
- Flutter质感设计之弹出菜单
- Flutter实现底部导航栏效果
