【Dart】【Flutter】 Dart Padを使用してアプリのテストやコードテストを行う

2020年10月11日 14:56

今回はFlutterやDartをテストできる環境のDartPadを紹介したいと思います。

Dart Padリンク

Dartのテスト環境として使えます。importできないパッケージなどが存在するのが少し不便です。

Dart Padでは、FlutterのMaterial.dartファイルのimportが可能になっています。さらに、Flutterのサンプルコードが存在するので見ていきましょう！

右上のSamplesというTabをクリック

するとサンプルコードが一覧で表示されます。

Counterをクリックするとお馴染みのflutter createを行ったときの、デフォルトアプリが表示されます。

Sun flowerではオリジナルアニメーションを作成できるCustom Painterを紹介しています。

Draggable Cardではユーザーが実際にWidgetをドラッグした際に行われる動作のサンプルを紹介しています。これを参考にドラッグアンドドロップWidgetが作成できますね。

実際にアニメーションを確認することもできます。

私はHatchout Schoolの生徒にオンラインで説明する際に主に使っています。詳しいエラーコードが出ない、Buildが遅いなどが玉にキズですが、テスト環境と割り切ってしまえば、とても便利なツールですね。Dartで新しく学んだ新文法などを試す環境としても有効活用できます。