Flutter

https://gyazo.com/8a7ecc44800a7d19fea8380929cf5757

multi platform native application framework

layout

Constraints go down. Sizes go up. Parent sets position.

A widget gets its own constraints from its parent. A constraint is just a set of 4 doubles: a minimum and maximum width, and a minimum and maximum height.

Then the widget goes through its own list of children. One by one, the widget tells its children what their constraints are (which can be different for each child), and then asks each child what size it wants to be.

Then, the widget positions its children (horizontally in the x axis, and vertically in the y axis), one by one.

And, finally, the widget tells its parent about its own size (within the original constraints, of course).

dive into internal architecture

ref

Widget of the Week

https://www.youtube.com/watch?v=b_sQ9bMltGU&list=PLjxrf2q8roU23XGwz3Km7sQZFTdB996iG