title: Flex clarification needed: width, min(max)Width, explicitWidth, explicitMin(Max)Width, measuredWidth, measuredMinWidth, percentWidth
body: <p>Is anyone able to shortly explain the meaning of the different Flex size properties in a comprehensible way?</p>
  
  <p>What I have so far:</p>
  
  <p><strong>Actual size</strong></p>
  
  <p><code>width</code> and <code>height</code>. 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.</p>
  
  <p><strong>Explicit size</strong></p>
  
  <p><code>explicitWidth</code> and <code>explicitHeight</code>. We need both properties to decide whether the actual size needs to be calculated or can just be copied from these properties.</p>
  
  <p><strong>Measured size</strong></p>
  
  <p><code>measuredWidth</code>, <code>measuredHeight</code>, <code>measuredMinWidth</code> and <code>measuredMinHeight</code>. The default sizes of a component. The component is supposed to set these sizes in its <code>measure()</code> hook. Default sizes apply only if no explicit size is set (e.g. <code>width</code> or <code>explicitHeight</code>). 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.</p>
  
  <p><strong>Percentage size</strong></p>
  
  <p><code>percentWidth</code> and <code>percentHeight</code>. Obvious. </p>
  
  <p><strong>Min size</strong></p>
  
  <p><code>minWidth</code>, <code>minHeight</code>. Returns the min size of the component - either set explicitly or else the default min size set in <code>measure()</code>. Allows to set an explicit min size that overrides the default (measured) min size.</p>
  
  <p><strong>Explicit min size</strong></p>
  
  <p><code>explicitMinWidth</code>, <code>explicitMinHeight</code>. Same role as the explicit size. If set, these values are to use, else the default (measured) min size.</p>
  
  <p><strong>Max size</strong></p>
  
  <p><code>maxWidth</code>, <code>maxHeight</code>. Returns the max size of the component - either set explicitly or else the default max size <code>10000</code>. </p>
  
  <p><strong>Explicit max size</strong></p>
  
  <p><code>explicitMaxWidth</code>, <code>explicitMaxHeight</code>. 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 <code>10000</code>.</p>
  
  <p>HOPE, there are even more size properties to be discussed.</p>