Flutter

Flutter でAdMobの広告を表示させるGoogle公式のパッケージ「firebase_admob」の組み込み方法について解説します。 アカウントの有効化 「firebase_admob」は、GoogleのFirebaseとAdMob...

Flutter で効果音やBGMを鳴らしたい場合に便利な audioplayers パッケージとAudioCacheクラスについて解説します。 audioplayersパッケージは本来ミュージックプレイヤー実装に使えるものですが、今回はアプ...

Flutter で効果音を鳴らせる Soundpool パッケージの解説です。単音だけの再生なのでBGMや複数音のミックスには使用できませんが、iOS/Android/Webに対応しているので簡単な効果音を鳴らしたい場合には便利だと思います...

Flutter で背景にブラーをかけたり背景を変形させる BackdropFilter ウィジェットについて解説します。このウィジェットを置けばその下にあるウィジェットに簡単にブラーをかけたり変形させることができます。 背景にブラーをかける...

Flutter でウィジェットをドラッグ＆ドロップしたい場合、Draggable と DragTarget と言う便利なウィジェットが用意されています。今回はこのドラッグ＆ドロップ用の便利なウィジェットについて解説します。 Draggabl...

Flutter のウィジェットにはタップ時の処理などが予め用意されている場合がありますが、用意されていない場合や、ドラッグ／ピンチ／回転／指圧（筆圧？）など様々なジェスチャー操作に対応したい場合、GestureDetector ウィジェット...

Flutter で低レベルのキーボード入力（押されたキーやキーのアップ／ダウン、キーコードなど）を取得する方法について解説します。 ※ macOS デスクトップアプリでのみ動作を確認しています。 RawKeyboardListener 低レ...

Flutter で独自の図形やテキストなどを描画したい場合、CustomPaint ウィジェットと CustomPainter クラスを使うことで、キャンバス(canvas)に様々な描画をすることができます。 独自のウィジェットを作成したい...

Flutter に用意されている各種ボタンウィジェットと、ボタンの見た目をカスタマイズするコードをまとめてみました。（コピペ用なのでほぼコードです） 各種ボタンウィジェット RaisedButton RaisedButton( child:...

Flutter のデフォルトでは iOS/Android が有効になっていますが、ここではデスクトップアプリ（macOS）を有効化してデスクトップアプリを開発＆ビルドする方法について解説します。 Flutter のセットアップ SDK チャ...