這篇文章主要給大家介紹了關於Flutter調用Android和iOS原生代碼的相關資料,文中通過示例代碼介紹的非常詳細,對大家學習或者使用Flutter具有一定的參考學習價值,需要的朋友們下面來一起學習學習吧
前言
本文主要給大家介紹了關於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端也設置完了。
運行你的應用查看能不能調用成功吧。祝你順利。
總結
以上就是這篇文章的全部內容了,希望本文的內容對大家的學習或者工作具有一定的參考學習價值,謝謝大家對神馬文庫的支持。