FlutterやdartでマルチプラットフォームでWeb, JS, IOなどを使う

何が困るのか

例えばFlutterでimport 'package:js'やimport 'dart:js'と書いてAndroidで実行すると、エラーが出ます。

if (kIsWeb){
    import 'package:js';
}

'if' can't be used as an identifier because it's a keyword.
Try renaming this to be an identifier that isn't a keyword.

これからは、JSパッケージで@JSを使う前提で書きます。

どうすればいいのか

コンパイルエラーが発生してしまうので、代わりに例外に変換すればいいです。
３つdartファイルが必要です。

1. main.dart
2. js_or_empty.dart
3. web_import_except.dart

main.dart

import 'js_or_empty.dart';

@JS("exampleJSFunction")
external void _exampleJSFunction();


void main() async {
  if (kIsWeb) {
    _exampleJSFunction();
  }
}

js_or_empty.dart

export 'web_import_except.dart' if (dart.library.js) 'package:js/js.dart';

web_import_except.dart

class JS {
  final String? name;
  const JS([this.name]);
}

web_import_except.dartをJS以外で使うときは、使いたい関数やクラスのソースを見て中身を空（例外出したほうがいい）にしたものを書く。

コンストラクタでエラーを表示するようにしたいのですが、やり方が分かりませんでした。以下だとエラーが出ます。

class JS {
  final String? name;
  const JS([this.name]) {
    Future(()=>throw UnsupportedError("Don't use JS on non-web platforms."));
  }
}

Const constructors can't have a body.
Try removing either the 'const' keyword or the body.

また、constを外すと、

class JS {
  final String? name;
  JS([this.name]) {
    Future(()=>throw UnsupportedError("Don't use JS on non-web platforms."));
  }
}

Annotation creation can only call a const constructor.

となってしまいます。