Elementとは

  • Widgetによって自動的に生成され、Widgetの状態管理(Widgetは状態を持たないため)と、描画を担当するRenderObjectの仲介をする
  • Flutterは実行時にWidgetツリーを構築し、その際にElementとRenderObjectも同様なツリーを構築する。Widgetツリーから状態管理と描画を分離することで、パフォーマンスの最適化を図っている。
  • また、ツリー状を構成するのは、画面の一部に状態変化があった際に、画面全体を更新する事無く末端のサブツリーのみを更新する事で効率化できるため

参考:

FlutterにおけるWidgetとElementとRenderObjectの基本

Flutterの3つのツリー(Widgetツリー/Elementツリー/RenderObjectツリー)をできるだけわかりやすくまとめてみた

【Flutter】Navigator.of(context) から理解する 3つのツリー

Flutter の Widget ツリーの裏側で起こっていること

Leave a comment

Your email address will not be published. Required fields are marked *