Flutter 【Flutter】 Null Safety非対応のパッケージを含むビルドを実行する方法を解説 FlutterでのNull Safety非対応のパッケージを含むプロジェクトでのビルド実行方法を解説します。ビルド実行のコマンドの末尾に「--no-sound-null-safety」を記述することでNull Safetyに対応していないパッケージが含まれていてもビルドを実行することができるようになります。 2022.03.03 Flutter
Flutter 【Flutter】 エラー:Targeting S+ (version 31 and above) requires that an explicit value for android:exported be defined FlutterでAndroidバージョンが31の時に発生する「flutter_local_notifications」のエラー解決方法を紹介。AndroidManifest.xmlに数行の記述を加えることで解決できます。修正内容はmanifestタグとactivityタグの下にreceiverタグを追加することです。 2022.03.02 Flutter
Flutter 【Flutter】 ボタンや画面タップでキーボードを閉じる方法を解説 Flutterで表示されるキーボードを外部アクションで閉じる方法を解説します。ボタンや画面をタップすることでキーボードを閉じる方法は、「FocusScope.of(context).unfocus()」メソッドを用いることです。こちらをタップアクションの処理に組み込むことでキーボードを閉じることができます。 2022.02.26 Flutter
Flutter 【Flutter】 copyWithとは? オブジェクトのコピー生成について解説 FlutterのcopyWithメソッドについて解説。こちらのメソッドを用いればオブジェクトのコピーを生成することができます。同じようなContainerを複数表示したいが色は個別に変更したいなどといった場合に、boxDecorationにcopyWithを用いることでコードがわかりやすくなります。 2022.02.12 Flutter
Flutter 【Flutter】 コンポーネント化でWidgetを共通管理する FlutterのWidgetをコンポーネント化する方法を解説。方法は大きく二つあります。表示したいWisgetをビルドするStatelessWidgetを継承したクラスを作成する方法が一つ。二つ目の方法では、表示したいWidgetをreturnするメソッドを作成します。コンポーネント化でコードの質を上げましょう。 2022.02.08 Flutter
Dart 【Flutter】 Widgetにconstをつけて無駄な描画を防ぐ FlutterのWidgetの前にconstをつける意味を解説。結論からお伝えするとそれはビルドパフォーマンスを向上させることにつながります。constがついているWidgetは新しくインスタンス生成されずに、コンパイル時に生成されたインスタンスを再利用することになります。そのため、ビルドパフォーマンスが向上します。 2022.02.07 DartFlutter
Flutter 【Flutter】 TextFieldに初期値を設定する方法を解説 「TextField」の入力欄に初期値を設定する方法を解説しています。「TextEditingController」の変数を定義し、こちらのtextプロパティに初期値として設定したい値を記述します。この変数を「TextField」の「controller」プロパティに設定します。これで初期値の設定は完了です。 2022.02.02 Flutter
Flutter 【Flutter】 スワイプで戻る画面遷移の機能を無効化する方法 FlutterでiOSアプリを開発している場合、画面遷移をしているページからスワイプをすることで元の画面に戻ることができます。こちらを無効化するには、遷移後の画面に表示しているウィジェットに対して「WillPopScope」を適用し、「onWillPop」プロパティに対してfalseを適用します。 2022.02.01 Flutter
Dart 【Flutter】 配列とは? – Dartの基礎文法を解説 「Dart」における「配列」について解説していきます。配列のデータ型の種類は大きく3つあります。1つ目がList型で2つ目がMap型、3つ目がSet型です。全てのデータ型に共通するのが複数の値を管理することができるということです。3種類のデータ型でどういった違いがあるのかを具体的に解説していきます。 2022.01.24 DartFlutter
Flutter 【Flutter】Widgetを “横幅いっぱい” に表示する方法を解説 FlutterでButtonの横幅を画面いっぱいに表示する方法を解説します。まずは、表示したいButtonを「SizedBox」Widgetで包容します。次に、SizedBoxの「width」Propertyに「double.infinity」を適用します。 2022.01.18 Flutter