Flutterでネイティブコードを呼び出してみよう【株式会社ライトコード】

※弊社のエンジニア記事になります。

はじめに

iOS、Androidの両方に対応できて便利なFlutterですが、Flutterの仕様、OSの仕様でさまざまな問題が起こることがあります。

そんな時に役立つ解決策の一つがネイティブコードを呼び出しiOS、Androidそれぞれで解決してしまう作戦です。この記事ではコードの呼び出し方を実際の使用例を交えて解説します。

Flutter側での実装

Flutter側はMethodChannelクラスを使用して呼び出しを行います。

  Future<String> _getHelloWorld() async {
    const MethodChannel channel = MethodChannel("Channel");
    String? resultText = await channel.invokeMethod("getHelloWorld");
    return resultText ?? "null";
  }

MethodChannelのインスタンスを作成し、invokeMethod処理を呼び出します。それぞれの引数としてString型を要求されます。後ほどネイティブコード側での識別に使うため分かりやすい値を入れておくといいでしょう。

invokeMethodの返却値はここではStringを指定しています。ネイティブコード側で返却できるのはStringの他Boolean、Int、Doubleなど特定の型に限られています。

また、List型を返すinvokeListMethod、Map型を返すinvokeMapMethodも用意されています。必要に応じて使いましょう。

Swift側の実装

Flutterプロジェクト内の「ios/Runner」フォルダ内、「AppDelegate.swift」ファイルを編集します。Xcodeで行うとやりやすいと思います。

    override func application(
        _ application: UIApplication,
        didFinishLaunchingWithOptions launchOptions: [UIApplication.LaunchOptionsKey: Any]?
    ) -> Bool {
        GeneratedPluginRegistrant.register(with: self)
        
        let controller: FlutterViewController = window?.rootViewController as! FlutterViewController
        let methodChannel = FlutterMethodChannel(name: "Channel",binaryMessenger: controller as! FlutterBinaryMessenger)
        methodChannel.setMethodCallHandler({
            (call:FlutterMethodCall, result:FlutterResult) -> Void in
            switch call.method {
            case "getHelloWorld" :
                result("Hello from Swift!")
            default :
                result(nil)
            }
          })
        
        return super.application(application, didFinishLaunchingWithOptions: launchOptions)
    }

FlutterMethodChannelには先ほどFlutter側で定義したチャンネル名（ここでは"Channel"）を指定します。

また、setMethodCallHandlerのcall.methodにはFlutter側のinvokeMethodに指定した値（ここでは"getHelloWorld"）が入っています。ここでは複数のメソッドを呼び出すことを想定しswitch文で分岐しています。

Flutter側に値を返すにはresult()を使用します。ここでは"Hello from Swift!"の文字列を返しています。先述の通り返却できる型に制限があるので気をつけましょう。