Different types of trees in Flutter

There are 3 types of trees in Flutter. Widget Tree, Element Tree and RenderObject Tree:
Widget Tree contains all the widgets that you use in Flutter and holds the configuration of a UI!
Element tree represents the use of a widget to configure a specific location in the tree and contains a piece of UI (Stateless element or Stateful element)!
Render Object Tree or Render Tree holds the properties of the widget along with paint protocols and is responsible for painting what you view on the screen!

1. Different types of
trees in Flutter
There are 3 types of trees in Flutter.
$ contains all the widgets that
you use in Flutter and holds the
configuration of a UI,
$ represents the use of a
widget to configure a specific location in
the tree and contains a piece of UI
(Stateless element or Stateful element),
$ Render Object Tree or holds
the properties of the widget along with
paint protocols and is responsible for
painting what you view on the screen!
Widget Tree
Element tree
Render Tree

2. Widget Tree
Element Tree
Render Tree
Hold the configuration
of a user interface part
Represents a piece of
the UI
Responsible for
painting what you view
on the screen

3. [email protected]
Leave a comment
Save for later