CATEGORY

Widget of the Week

【日本語版】【Flutter】Widget of the Week – #29 SizedBox【要約】

動画 要約 widgetを特定のサイズにしたい場合はSizedBoxを使おう SizedBoxでwidgetをラップしてheight、widthを指定するだけ SizedBox.expandでいっぱいに広げることもできる 空のSizedBoxでwidget間に余白を確保する、という使い方もできる 内容 widgetを特定のサイズにしたい場合があります。 FlutterではSizedBoxを使って簡 […]

【日本語版】【Flutter】Widget of the Week – #28 Dismissible【要約】

動画 要約 左右にスワイプして項目を削除するUIパターンはDismissibleを使って実現できる 削除時にはonDismissedというコールバックが実行されるので、onDismissedの中でStatefulWidget.setState等を実行できる。 内容 左右にスワイプすることでリストの項目を削除する動きはよくあるUIパターンの1つです(通知の既読、Gmailのアーカイブ等)。  Flu […]

【日本語版】【Flutter】Widget of the Week – #27 AnimatedBuilder【要約】

動画 要約 Flutterでアニメーションを実現する方法のひとつにAnimatedBuilderがある 開発者はbuilderメソッド内でアニメーションの状態に応じて自由にwidgetを構築することができる 内容 Flutterのアニメーションフレームワークはwidgetを簡単にアニメートでき、開発者に多くの選択肢を提供しています。 特にAnimatedBuilderはオススメです。 使い方は簡単 […]

【日本語版】【Flutter】Widget of the Week – #26 Positioned【要約】

動画 要約 Stackのchildrenの位置はPositionedを使って指定しよう top, bottom, left, right, hight, widthを数値で指定することができる Positioned.fillを使うことで、Stackのスペースを埋めるように配置することもできる 内容 Stackは素晴らしいwidgetです。 widgetを思いのままに互いに組み合わせたり上に重ねたり […]

【日本語版】【Flutter】Widget of the Week – #25 Align【要約】

動画 要約 Align widgetでwidgetの配置位置を自由に変えられる(左寄せ、下寄せなど) 数値を使って細かく位置を指定することもできる 内容 様々なwidgetを組み合わせて使えるということは、Flutterの最大の特徴です。 しかし、親widgetの好きな場所に子widgetを配置するにはどうすればいいでしょうか?例えば、Container widgetの中にText widgetを […]