Is anyone able to shortly explain the meaning of the different Flex size properties in a comprehensible way?
What I have so far:
Actual size
width
and height
. This is the actual (and final) size of the component. If not set explicitly it will be the size that is calculated by applying all layouting rules and percentage sizes.
Explicit size
explicitWidth
and explicitHeight
. We need both properties to decide whether the actual size needs to be calculated or can just be copied from these properties.
Measured size
measuredWidth
, measuredHeight
, measuredMinWidth
and measuredMinHeight
. The default sizes of a component. The component is supposed to set these sizes in its measure()
hook. Default sizes apply only if no explicit size is set (e.g. width
or explicitHeight
). The min/max measured size is taken into account only in the case of a percentage sizing. The calculated (actual) size cannot be smaller than the measured min size.
Percentage size
percentWidth
and percentHeight
. Obvious.
Min size
minWidth
, minHeight
. Returns the min size of the component - either set explicitly or else the default min size set in measure()
. Allows to set an explicit min size that overrides the default (measured) min size.
Explicit min size
explicitMinWidth
, explicitMinHeight
. Same role as the explicit size. If set, these values are to use, else the default (measured) min size.
Max size
maxWidth
, maxHeight
. Returns the max size of the component - either set explicitly or else the default max size 10000
.
Explicit max size
explicitMaxWidth
, explicitMaxHeight
. Same role as the explicit size or explicit min size. If set, these values are to use in determination of a upper size border, else the default max size 10000
.
HOPE, there are even more size properties to be discussed.