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端也設置完了。

運行你的應用查看能不能調用成功吧。祝你順利。

最後但願你們多多支持個人網站。由於個人文章一直會在個人網站上更新，而這裏就不必定更新了。

請你們支持個人網站：http://tryenough.com/flutter-tonative