すらぼうの開発ノート

flutterエンジニアのメモ

【Flutter】showTimePickerメソッドで時刻入力用ダイアログを作成する

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

【Flutter】AnimatedContainerでContainerのアニメーションを作る

アプリを開発していると以下の機能を実装したい時がある。 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】Dialog(ダイアログ)を表示する方法

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

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

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