分3個(gè)大步驟:
1.在flutter中調(diào)用原生方法
2.在Android中實(shí)現(xiàn)被調(diào)用的方法
3.在iOS中實(shí)現(xiàn)被調(diào)用的方法
在flutter中調(diào)用原生方法
場(chǎng)景两入,這里你希望調(diào)用原生方法告訴你一個(gè)bool值萝快,這個(gè)值的意義你可以隨意定檩奠,這里表示的意義是是否是中國(guó)用戶劈狐。
你可以在flutter中設(shè)計(jì)好要調(diào)用的方法名稱饰躲,這里就叫
isChinese
請(qǐng)注意:
在flutter中要調(diào)用原生代碼需要通過(guò)通道傳遞消息铜涉,在flutter端就是MethodChannel纽谒。
所以我們這里的做法是蜘拉,在flutter 端創(chuàng)建一個(gè)自己命名的通道:
const platform = const MethodChannel("com.test/name");
這里的名字 com.test/name 你可以隨便取萨西。
講解一下:
你可能有疑問(wèn)了,我們自作主張?jiān)趂lutter端創(chuàng)建的通道旭旭,怎么就能告訴Android和iOS端到底該怎么調(diào)用呢谎脯?
你這個(gè)問(wèn)題問(wèn)得極好,這里啊先告訴你持寄,等下我們還要分別在兩端創(chuàng)建和這個(gè)通道同名的通道源梭。
敲黑板了:
此時(shí)你知道了,我們要在三端分別有一個(gè)通道了吧稍味,而且這三個(gè)通道是同名的废麻,所以就能連接起來(lái)了。
不過(guò)這里還是先把flutter端的代碼寫(xiě)完模庐,然后我們?cè)偃シ謩e設(shè)置android和iOS端的代碼吧烛愧。go!
請(qǐng)大家支持我的網(wǎng)站:http://tryenough.com/flutter-tonative
我們?cè)趂lutter中的代碼如下:
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: 創(chuàng)建一個(gè)我們自定義的channel掂碱。
分析2: 用channel發(fā)送調(diào)用消息到原生端怜姿,調(diào)用方法是:isChinese
好了,flutter端相信你也覺(jué)得很簡(jiǎn)單了顶吮,接下來(lái)我們來(lái)看下android端怎么搞社牲。
在Android中實(shí)現(xiàn)被調(diào)用的方法
我建議你在Android studio編寫(xiě)Android端代碼哦,因?yàn)檫@樣有良好的代碼提示和頭文件引入悴了。不過(guò)你要是有辦法做到同樣的效果搏恤,啥IDE俺都不在乎。
在flutter項(xiàng)目文件夾里的Android文件夾中有一個(gè) MainActivity.java文件湃交,不要告訴我你找不到啊熟空。
我先告訴你等下就在MainActivity里注冊(cè)我們的Android端插件。嘿嘿搞莺,現(xiàn)在先去寫(xiě)我們的Android端插件吧息罗。
代碼我一次貼出來(lái)了,反正也不多才沧。
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這個(gè)方法是插件的回調(diào)迈喉,這里我們根據(jù)方法名isChinese判斷調(diào)用的方法绍刮,然后實(shí)現(xiàn)我們的操作就行了。
分析3:這里直接返回了true挨摸,因?yàn)檫@只是個(gè)例子孩革,而你應(yīng)該換成你自己的邏輯哦。
我們的插件寫(xiě)好了得运,回到MainActivity.java中進(jìn)行注冊(cè)膝蜈。
看下代碼:
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端完成了熔掺。
//////////////////////////////////////////////////////////////////////////////////////////////////////////
接下來(lái)我們搞一下iOS端:
請(qǐng)大家支持我的網(wǎng)站:http://tryenough.com/flutter-tonative
在iOS中實(shí)現(xiàn)被調(diào)用的方法
iOS中我建議你在xcode中編寫(xiě)代碼哦饱搏。因?yàn)檫@樣會(huì)有良好的提示。
我先告訴你要改那些文件:
用xcode打開(kāi)iOS工程后置逻,在Runner文件夾下有AppDelegate文件推沸。
我們等下就在這里進(jìn)行注冊(cè)我們的插件。
那么我們先寫(xiě)我們的插件代碼吧:
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一個(gè)德行诽偷,分為注冊(cè)和方法回調(diào)兩部分坤学。但是你可能發(fā)現(xiàn)了這里的通道是FlutterMethodChannel,這個(gè)不用大驚小怪报慕,flutter也是用和Android上的MethodChannel不同類名類區(qū)分這兩個(gè)平臺(tái)的深浮。只是名字不同而已。
該在iOS上注冊(cè)了:
在 AppDelegate.m
類的如下方法添加代碼就行:
- (BOOL)application:(UIApplication *)application
didFinishLaunchingWithOptions:(NSDictionary *)launchOptions {
[GeneratedPluginRegistrant registerWithRegistry:self];
[FlutterNativePlugin registerWithRegistrar: [self registrarForPlugin:@"FlutterNativePlugin"]];
return [super application:application didFinishLaunchingWithOptions:launchOptions];
}
///////////////////////////////////////////////////////////////////////////////////
恭喜你眠冈,iOS端也設(shè)置完了飞苇。
運(yùn)行你的應(yīng)用查看能不能調(diào)用成功吧。祝你順利蜗顽。
最后希望大家多多支持我的網(wǎng)站布卡。因?yàn)槲业奈恼乱恢睍?huì)在我的網(wǎng)站上更新,而這里就不一定更新了雇盖。