Layouts explained

In the following chapter we explain the basics of the layout system in Bloc.

Glossary

Layout - an object responsible for measuring and laying out an element and its direct children.

Constraint - a property, rule or restriction that is taken into account by Layout in order to determine the size and position of an element.

Resizer - a Constraint that describes how a child element should be sized within its parent.

Layout constraints

Layout constraints contain properties that are used b layouts to figure out the size and position of elements. They are the foundation for One rendering tree.

Layout resizers

Layout resizers is a property of the common layout constraints and describe how an element should be sized within its parent.