Mapbox SDK v10を使ったFlutter pluginを作成する。

scenee

https://github.com/flutter-mapbox-gl/maps があるが、残念ながら、iOSのSDKがv6.4.xを使用しており、v6.4.xは、April 4, 2023でサポートが終了するため、使用できなかった。

scenee

今は、Officialのpluginが出ているので、そちらが使えます！

scenee

以下でplugin packageを作成する

flutter create --org <reverse domain> --template=plugin --platform=android,ios -a kotlin -i swift <plugin_name>

scenee

libディレクトリに、以下のドキュメントに従って、srcフォルダを追加して、ソースファイルを管理していく。

scenee

PlatformViewはこちらを参考に実装をしていく。

現状、AndroidのHybrid compositionは諸刃の刃だな。

Hybrid composition appends the native android.view.View to the view hierarchy. Therefore, keyboard handling, and accessibility work out of the box. Prior to Android 10, this mode might significantly reduce the frame throughput (FPS) of the Flutter UI. See performance for more info.

scenee

class NativeViewFactory : PlatformViewFactory(StandardMessageCodec.INSTANCE) {
    override fun create(context: Context, viewId: Int, args: Any?): PlatformView {
        val creationParams = args as Map<String?, Any?>?
        return NativeView(context, viewId, creationParams)
    }
}

上記だと以下のエラーが発生する(Flutter 3を使っているから？)。

Class 'NativeViewFactory' is not abstract and does not implement abstract base class member public abstract fun create(p0: Context?, p1: Int, p2: Any?): PlatformView defined in io.flutter.plugin.platform.PlatformViewFactory

ContextをContext?に変更するとエラーが解消される。

scenee

Mapbox SDK for iOSがv6からv10にバージョンアップしたのがずっと不思議だったのだけれど、androidに合わせるためだったようだ。androidは、v9 -> v10に上がっており、v10からios/androidのバージョンが揃っているよう。

scenee

Mapbox SDK for Androidで実際のマップ表示がずれてしまう問題に直面。