すらぼうの開発ノート

モバイルアプリエンジニアのメモ

【Flutter】showTimePickerメソッドの使用方法

アプリ作成時、以下の機能を作成したいケースがある。 ユーザーが時刻を入力するためのダイアログ・ポップアップ この様な場合、showTimePickerを用いると簡単に時刻入力用のダイアログが作成できる。 api.flutter.dev 本エントリでは以下の流れでshowTimePi…

【Flutter】AnimatedContainerの使用方法

アプリを開発していると以下の機能を実装したい時がある。 Containerのプロパティ変化をアニメーションで表示したい このような場合AnimatedContainerを用いると簡単にアニメーションが作成できる。 api.flutter.dev AnimatedContainer使用例 各プロパティ d…

【Flutter】AnimatedOpacityの使用方法

アプリを開発していると以下の機能を実装したい時がある。 ウィジェットをフェードインで表示したい ウィジェットをフェードアウトしたい このような場合AnimatedOpacityを用いると簡単にアニメーションが作成できる。 api.flutter.dev AnimatedOpacity使用…

【Flutter】AnimatedSizeの使用方法

アプリを開発していると以下の機能を実装したい時がある。 ウィジェットのサイズの変化をアニメーションで表現したい このような場合AnimatedSizeを用いると簡単にアニメーションが作成できる。 api.flutter.dev 本エントリでは以下の流れでAnimatedSizeを用…

【Flutter】AnimatedAlignの使用方法

アプリを開発していると以下の機能を実装したい時がある。 ウィジェットの位置を変化させた際に移動させるアニメーションを表示したい このような場合AnimatedAlignを用いると簡単にアニメーションが作成できる。 api.flutter.dev 本エントリでは以下の流れ…

【Flutter】AlertDialogの使用方法

アプリ開発をおこなっていると次のような機能を実装したいケースがある。 ユーザーに選択肢を表示したい データを削除するので注意を促したい このようなケースではAlertDialogを用いてダイアログ(ポップアップ)を簡単に作成できる。 本エントリでは以下の…

【Flutter】Autocompleteで検索フォームに候補キーワードを表示させる

アプリ開発時Google検索フォームのように、入力したキーワードを元に候補キーワードを表示させたいことがある。 Googleの検索フォーム このようなケースではAutocompleteを用いると、「候補キーワード一覧を表示する入力フォーム」を簡単に実装することがで…