快捷導(dǎo)航

Flutter調(diào)用Android和iOS原生代碼的方法示例

更新時(shí)間：2019年04月12日 09:13:26 作者：Try Enough

這篇文章主要給大家介紹了關(guān)于Flutter調(diào)用Android和iOS原生代碼的相關(guān)資料，文中通過(guò)示例代碼介紹的非常詳細(xì)，對(duì)大家學(xué)習(xí)或者使用Flutter具有一定的參考學(xué)習(xí)價(jià)值，需要的朋友們下面來(lái)一起學(xué)習(xí)學(xué)習(xí)吧

前言

本文主要給大家介紹了關(guān)于Flutter調(diào)用Android和iOS原生代碼的相關(guān)內(nèi)容，分享出來(lái)供大家參考學(xué)習(xí)，下面話不多說(shuō)了，來(lái)一起看看詳細(xì)的介紹吧

分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！

我們?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端：

在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)用成功吧。祝你順利。

總結(jié)

以上就是這篇文章的全部?jī)?nèi)容了，希望本文的內(nèi)容對(duì)大家的學(xué)習(xí)或者工作具有一定的參考學(xué)習(xí)價(jià)值，謝謝大家對(duì)腳本之家的支持。

您可能感興趣的文章: