Flutter記事まとめ

FlutterでのNull Safety非対応のパッケージを含むプロジェクトでのビルド実行方法を解説します。ビルド実行のコマンドの末尾に「--no-sound-null-safety」を記述することでNull Safetyに対応していないパッケージが含まれていてもビルドを実行することができるようになります。

FlutterでAndroidバージョンが31の時に発生する「flutter_local_notifications」のエラー解決方法を紹介。AndroidManifest.xmlに数行の記述を加えることで解決できます。修正内容はmanifestタグとactivityタグの下にreceiverタグを追加することです。

Flutterで表示されるキーボードを外部アクションで閉じる方法を解説します。ボタンや画面をタップすることでキーボードを閉じる方法は、「FocusScope.of(context).unfocus()」メソッドを用いることです。こちらをタップアクションの処理に組み込むことでキーボードを閉じることができます。

FlutterのcopyWithメソッドについて解説。こちらのメソッドを用いればオブジェクトのコピーを生成することができます。同じようなContainerを複数表示したいが色は個別に変更したいなどといった場合に、boxDecorationにcopyWithを用いることでコードがわかりやすくなります。

FlutterのWidgetをコンポーネント化する方法を解説。方法は大きく二つあります。表示したいWisgetをビルドするStatelessWidgetを継承したクラスを作成する方法が一つ。二つ目の方法では、表示したいWidgetをreturnするメソッドを作成します。コンポーネント化でコードの質を上げましょう。

「TextField」の入力欄に初期値を設定する方法を解説しています。「TextEditingController」の変数を定義し、こちらのtextプロパティに初期値として設定したい値を記述します。この変数を「TextField」の「controller」プロパティに設定します。これで初期値の設定は完了です。

FlutterでiOSアプリを開発している場合、画面遷移をしているページからスワイプをすることで元の画面に戻ることができます。こちらを無効化するには、遷移後の画面に表示しているウィジェットに対して「WillPopScope」を適用し、「onWillPop」プロパティに対してfalseを適用します。

FlutterでButtonの横幅を画面いっぱいに表示する方法を解説します。まずは、表示したいButtonを「SizedBox」Widgetで包容します。次に、SizedBoxの「width」Propertyに「double.infinity」を適用します。