Flutter 如何呼叫Android和iOS原生程式碼
請大家支援我的網站：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端也設定完了。
執行你的應用檢視能不能呼叫成功吧。祝你順利。
最後希望大家多多支援我的網站。因為我的文章一直會在我的網站上更新，而這裡就不一定更新了。