FlutterKaigi 2021
レギュラートーク（30分）
Flutter WebからDOM、ブラウザAPI、JavaScript関数を直接使う
高田 晴彦
tfandkusu
普段Flutterでモバイルアプリの開発をしている人が、PCのChrome向けにアプリを開発したくなったときに、Flutter Webを使うことで少ない学習コストで適切なUI/UXを表現できます。モバイルアプリと同様にWidgetやプラグインを使って構築しますが、それだけでは要件を満たせない場合は、FlutterからDOM、ブラウザAPI、JavaScript関数を直接呼ぶことが可能です。
本トークではdart:htmlライブラリを使用したDOMとブラウザAPIを呼ぶ方法と、その場合の単体テスト作成のコツを解説します。また、プラグインが提供されていないJavaScriptライブラリを呼び出すために、jsパッケージを使う方法も解説します。