前言
本文主要给大家介绍了关于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 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 
@end
NS_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端也设置完了。
运行你的应用查看能不能调用成功吧。祝你顺利。
总结
以上就是这篇文章的全部内容了，希望本文的内容对大家的学习或者工作具有一定的参考学习价值，谢谢大家对脚本之家的支持。

flutter 调用原生方法-android部分
1、写方法

2、注册方法

3、flutter 声明通道

4、flutter 调用通道里的方法
MainActivity文件
package ………………

import android.os.Bundle
import android.os.PersistableBundle
import android.util.Log
import androidx.annotation.NonNull;
import io.flutter.embedding.android.FlutterActivity
import io.flutter.embedding.engine.FlutterEngine
import io.flutter.plugin.common.MethodChannel
import io.flutter.plugin.common.PluginRegistry
import android.content.Context
import android.content.ContextWrapper
import android.content.Intent
import android.content.IntentFilter
import android.os.BatteryManager
import android.os.Build.VERSION
import android.os.Build.VERSION_CODES
import io.flutter.plugins.GeneratedPluginRegistrant

class MainActivity: FlutterActivity() {
    /**
     * 通道名
     */
    private val CHANNEL = "samples.flutter.io/battery"
    
    override fun configureFlutterEngine(@NonNull flutterEngine: FlutterEngine) {
        GeneratedPluginRegistrant.registerWith(flutterEngine);

        /**
         * 注册原生通道
         */
        MethodChannel(flutterEngine.dartExecutor.binaryMessenger,CHANNEL).setMethodCallHandler(
                MethodChannel.MethodCallHandler { call, result ->
                    if (call.method == "getBatteryLevel") {
                        val batteryLevel = getBatteryLevel()
                        if (batteryLevel != -1) {
                            result.success(batteryLevel)
                        } else {
                            result.error("UNAVAILABLE", "Battery level not available.", null)
                        }
                    } else {
                        result.notImplemented()
                    }
                }
        )
    }

    /**
     * 原生方法
     */
    private fun getBatteryLevel(): Int {
        val batteryLevel: Int
        if (VERSION.SDK_INT >= VERSION_CODES.LOLLIPOP) {
            val batteryManager = getSystemService(Context.BATTERY_SERVICE) as BatteryManager
            batteryLevel = batteryManager.getIntProperty(BatteryManager.BATTERY_PROPERTY_CAPACITY)
        } else {
            val intent = ContextWrapper(applicationContext).registerReceiver(null, IntentFilter(Intent.ACTION_BATTERY_CHANGED))
            batteryLevel = intent!!.getIntExtra(BatteryManager.EXTRA_LEVEL, -1) * 100 / intent.getIntExtra(BatteryManager.EXTRA_SCALE, -1)
        }
        return batteryLevel
    }
}


原生方法调用
class _LoginPageState extends PageBaseView<StatefulWidget, LoginPresenter> {
  
  /// 声明通道
  static const platform = const MethodChannel('samples.flutter.io/battery');
// Get battery level.
  String _batteryLevel = 'Unknown battery level.';

  Future<Null> _getBatteryLevel() async {
    String batteryLevel;
    try {
      ///调用通道里的原生方法
      final int result = await platform.invokeMethod('getBatteryLevel');
      batteryLevel = 'Battery level at $result % .';
    } on PlatformException catch (e) {
      batteryLevel = "Failed to get battery level: '${e.message}'.";
    }

    setState(() {
      _batteryLevel = batteryLevel;
    });
  }
  ……

这里以 Flutter 调用原生系统日志库，来理解下 Flutter 与 Android 交互

这里创建的时候用到了 Kotlin 、AndroidX

 

Android端

进入 android 目录下的 build.gradle ，点击 Open for Editing in Android Studio ，打开新的 android项目。

App 目录下 build.gradle 引入第三方日志封装库

dependencies {
    implementation 'com.orhanobut:logger:2.2.0'
}

第三方库当然需要初始化等一些操作，这里多数很熟悉，直接上代码

定义 App（Application），继承 FlutterApplication ，注意在 AndroidManifest.xml 中配置

App 中

class App : FlutterApplication() {
    override fun onCreate() {
        super.onCreate()
        mApp = this
        //...
        Logger.addLogAdapter(AndroidLogAdapter(formatStrategy))
    }

    companion object {
        lateinit var mApp: Context
    }
}

orhanobut.logger.Logger 参考它的 GitHub 用法

MainActivity (继承 FlutterActivity) 中复写 configureFlutterEngine 方法，但首先需要确定一个唯一的字符串标识符，来构造一个命名通道，这里以 "com.milanxiaotiejiang.plugins/log" 命名

class MainActivity : FlutterActivity() {
    private val CHANNEL_LOG = "com.milanxiaotiejiang.plugins/log"
    override fun configureFlutterEngine(flutterEngine: FlutterEngine) {
//        super.configureFlutterEngine(flutterEngine)
        GeneratedPluginRegistrant.registerWith(flutterEngine)

        MethodChannel(flutterEngine.dartExecutor.binaryMessenger, CHANNEL_LOG)
                .setMethodCallHandler { call, result ->
                    val arguments = call.arguments.toString()
                    when (call.method) {
                        "logI" -> Logger.i(arguments)
                        "logD" -> Logger.d(arguments)
                        "logV" -> Logger.v(arguments)
                        "logW" -> Logger.w(arguments)
                        "logE" -> Logger.e(arguments)
                    }
                    result.success(true)
                }
    }

}

这里  super.configureFlutterEngine(flutterEngine)  与   GeneratedPluginRegistrant.registerWith(flutterEngine) 两方法都可以。

setMethodCallHandler ：设置方法处理回调，可以取出方法名，进行判断，最后调用相应的原生方法。

而 result 为返回结果，它有三个方法

  public interface Result {
    @UiThread
    void success(@Nullable Object result);

    @UiThread
    void error(String errorCode, @Nullable String errorMessage, @Nullable Object errorDetails);

    @UiThread
    void notImplemented();
  }

Android 端准备完毕

 

Flutter端

定义 log_services.dart 文件，这里 MethodChannel 中 name 就是原生中定义的唯一的字符串标识符，调用 invokeMethod 方法 + 调用原生方法名可实现。

import 'package:flutter/services.dart';

//声明MethodChannel
const _platform = const MethodChannel('com.milanxiaotiejiang.plugins/log');

class Logger {
  Logger._();

  //invokeMethod方法接收的参数，第一个必选参数，设置的是方法的名称；后面的参数为可选的需要传递的参数

  static void i(String msg) async {
    _platform.invokeMethod('logI', {'msg': msg});
  }

  static void d(String msg) async {
    _platform.invokeMethod('logD', {'msg': msg});
  }

  static void v(String msg) async {
    _platform.invokeMethod('logV', {'msg': msg});
  }

  static void w(String msg) async {
    _platform.invokeMethod('logW', {'msg': msg});
  }

  static void e(String msg) async {
    _platform.invokeMethod('logE', {'msg': msg});
  }
}


这样 Flutter 调用 Logger 就可以在 logcat 中显示日志了。

 

ios 本人不是很了解，也没有设备，就不提及 ios 了哈！以一张图看 Dart 与 原生 之间的通信



 

需要注意的是，在使用方法通道进行方法调用时，由于涉及到跨系统数据交互，Flutter 会使用 StandardMessageCodec 对通道中传输的信息进行类似 JSON 的二进制序列化，以标准化数据传输行为。这样在我们发送或者接收数据时，这些数据就会根据各自系统预定的规则自动进行序列化和反序列化。

另外方法通道是非线程安全的。这意味着原生代码与 Flutter 之间所有接口调用必须发生在主线程。Flutter 是单线程模型，因此自然可以确保方法调用请求是发生在主线程（Isolate）的；而原生代码在处理方法调用请求时，如果涉及到异步或非主线程切换，需要确保回调过程是在原生系统的 UI 线程中执行的，否则应用可能会出现奇怪的 Bug，甚至是 Crash。

那么，我们可以将 Android 中网络请求放在原生，调用 Flutter 中创建异步任务调用原生 API 请求后台。这样可以使用更强大的 OkHttp，甚至 Mars。

 

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