0
0

Delete article

Deleted articles cannot be recovered.

Draft of this article would be also deleted.

Are you sure you want to delete this article?

Flutter の 2 つのウィジェットについて

Last updated at Posted at 2024-05-05

概要

Flutter の 2 つのウィジェット、StatelessWidget、StatefulWidget についてまとめてみました。
特に StatefulWidget のライフサイクルについて深掘りしてみました。

StatelessWidget とは

  • 状態を持たないウィジェット
  • 一度描画されるとその後、状態が変化しない
  • 例)固定のテキスト表示、アイコン・画像など

StatefulWidget とは

  • 状態を持つウィジェット
  • ユーザーの操作や時間の経過などによって、状態が変化し、見た目や振る舞いが変わる
  • 例)チェックボックス、テキストフィールド、カウンターアプリなど

StatefulWidget のライフサイクルについて

ここでは StatefulWidget のライフサイクルについて深掘りしていきたいと思います。

緑の図形で記載したのが状態、青の図形で記載したのが各状態で呼び出されるメソッドになります。

スクリーンショット 2024-05-05 10.47.02.png

各メソッドの説明

メソッドの簡単な説明は以下になります。

  • createState()

    • State オブジェクトを作成する
  • initState()

    • 初期化処理を記述する
  • didChangeDependencies()

    • 依存するオブジェクトが変更された時に呼び出される
  • build()

    • 画面描画を行う。
  • didUpdateWidget()

    • 親ウィジェットが更新された時に呼び出される
  • setState()

    • 状態が変わったことを通知し、画面を再描画する。
  • dispose()

    • 使用されなくなったリソースの解放やクリーンアップ処理を記述する。
0
0
0

Register as a new user and use Qiita more conveniently

  1. You get articles that match your needs
  2. You can efficiently read back useful information
  3. You can use dark theme
What you can do with signing up
0
0

Delete article

Deleted articles cannot be recovered.

Draft of this article would be also deleted.

Are you sure you want to delete this article?