Flutter の基礎知識

概要

久々に触るといろいろ忘れていたので備忘録。
公式ドキュメントが充実しているのがありがたい。

Flutter の基礎理解の流れとしては、サンプルプログラム（Project作成時にすでにあるカウンターアプリ）のmain.dartを理解すれば十分。

あとは必要に応じて公式ドキュメントを参照するのがbest だと思う。

サンプルの main.dart

• このQiita記事がすごいわかりやすかった。

以下 +αの補足

• private なクラス名・メソッド名・変数名の先頭に_をつける。
  • 勝手にエラー検知してくれる。
  • Stateの実装には_つけるのが一般的。
  • 参考記事(StackOverflow)

Flutter は基本全てがWidget

UIも、widget を複数組み合わせて構築している。

• Widget は immutable
  immutable （doesn't change）だが、頻繁に replaceされる。
  それは Widget の State が変わると Widget は再構築される設計だから。

State とはなんぞや。

• 公式ページが超わかりやすい。
  - Widgetが持つ状態のこと。

なんのためにあるのか？

• Flutter の設計で、state（状態）が変化したとき（例えばユーザーのボタンクリック時）そのWidget を 再構築するようになっている。
  • Flutter は画面描写が高速なのでこれが可能。
    • この辺りの設計思想についての公式ページ記事

図： flutter widget のStateには `App State`と`Ephemeral State`がある。