Widget

アプリのアイコン画像を設定する

はじめに アプリをリリースしようとするときに必要になります。 個人的にはリリース前でもアイコンを設定しておくとモチベーションがあがります。 手順 アイコン画像(1024px)は既にある前提です。 用意してあるアイコン画像をプロジェクト配下のフォルダに保…

MaterialApp.routerのrouterConfig

はじめに 画面遷移でgo_routerを使っていて、initialLocationを設定しても効いていないことがあった。 原因はMaterialApp.routerの引数にrouteInformationProviderをセットし忘れていたからだった。 原因を調べていたときにFlutter公式では下記のようにroute…

セグメントボタン(SegmentedButton)を使った実装

はじめに セグメントボタンの使い道としては 複数の選択肢から選択し、 ビューを切り替える ソート順を切り替える など、が挙げられます。 SegmentedButtonクラス # コンストラクタ SegmentedButton({ Key? key, required List<ButtonSegment<T>> segments, required Set<T> sele</t></buttonsegment<t>…

iOSのWireless debugging(Wifi経由での実機デバッグ)

はじめに 実機で動かすとモチベーションがあがるタイプです。 ときどきケーブルが無くて、仕方なくシミュレータでデバッグしてました。 Flutter3.10.0でWifi経由で実機にアプリ転送し、デバッグできるようになったようです。 iOSのWireless debugging設定 Fl…

Badge(バッヂ)の実装

はじめに Flutter 3.7になり、Badge(バッヂ)のWidgetが追加されました。 それまでは独自で作ったり、サードパーティパッケージで実装してました。 クラス定義 クラス定義は下記のようになっています。 Badgeに表示する内容はlabel引数にWidgetで指定するよう…

SnackBarでメッセージ表示する

はじめに データの保存/修正/削除などの処理の成功・失敗をユーザーに表示する。 SnackBarを使うのはその方法のひとつ。 SnackBarとは下記画像のような画面下でメッセージを表示するものです。 Scaffoldの中でSnackBarを表示することができます。 実装方法は…

選択メニューの実装

はじめに 入力フォーム画面で使われることが多い選択メニューの実装方法です。 DropdownButtonとDropdownButtonFormFieldを使う2つの方法があります。 違いは表示を見ればわかると思いますが、DropdownButtonFormFieldはTextFieldのような表示がされます。 …