かかった時間 13分

ThemeDataを用いて共通のスタイルを設定するやり方

https://qiita.com/kokogento/items/cfce537981fbba07a3ee

https://qiita.com/sekitaka_1214/items/e25f2f3b282b0ff382cf

• ただ、一部変更したい場合はどうすればいい?

https://qiita.com/kokogento/items/417a9c7718bf4666fab9

https://flutter.salon/widget/textstyle/#TextStyleとは

https://lab.mo-t.com/blog/flutter-decoding-theme-extension

ThemeExtentionをTextStyleで適応したい。

https://gist.github.com/SashaKryzh/5b7eb45226dfb7ec521f7e1634c85dfc

https://developers.cyberagent.co.jp/blog/archives/48761/

https://gist.github.com/Mastersam07/c91e2b7fc891dc2a379a32312562ee63

https://zenn.dev/takuowake/articles/071e6e219d1488

• Thema.inputDecorationThemeはどんな役割?
  • TextField、やTextFormFieldをのThemeを設定する。

https://www.satofaction.net/blog/20220308#:~:text=になります。-,inputDecorationThemeを変更する,-TextField、やTextFormField

https://zenn.dev/colomney/articles/flutter-policy#ui-設計

Spacer

RowやColumnで要素を並べる際に、要素同士の間隔を指定するために使用する。
RowやColumnにはchildrenの間隔を制御するmainAxisAlignmentプロパティが用意されているが、均等な余白調整しかできない。

https://www.kamo-it.org/blog/flutter-spacer/

https://flutter.salon/widget/spacer/

FlexibleとExpandedを用いて具体例を上げて説明する。

Column

https://api.flutter.dev/flutter/widgets/Column-class.html
https://blog.flutteruniv.com/flutter-column/

mainAxisSize

mainAxisAlignment

Column内の全てのwidgetに対して縦方向の幅を均一に設定する。

crossAxisAlignment

Column内の全てのwidgetに対して横方向の幅を均一に設定する。

ボタンの連打禁止

• やりたいこと
  • 非同期処理が走っている際はボタン連打を禁止にしたい。
  • 一度処理を実行したあとはボタンを押せないようにしたい。

https://www.choge-blog.com/programming/flutterbutton-repeatedhits/
上記参考にして実装しました。