Layout Priority Modifier

The Layout Priority modifier gives the priority of space to the specified child in a layout.

Overview

Layers typically have a default priority of 0, which causes space to be divided evenly to all sibling layers. Raising a layer’s Layout Priority encourages the higher priority layer to shrink later when the group is shrunk and stretch sooner when the group is stretched.

Take, for example, these two Text layers, embedded in an HStack.

At first, they are given an equal amount of space within the parent frame, but by giving the first layer a Layer Priority of 1, the second layer will shrink dramatically due to the higher priority of the first Text layer.

<div class="callout note">Note
A parent layout offers the child layers with the highest Layout Priority all the space offered to the parent minus the minimum space required for all its lower-priority children.</div>