Applicable only on direct children of auto-layout frames, ignored otherwise. Determines if the layer should stretch along the parent’s counter axis. Defaults to
layoutAlign: 'MIN' | 'CENTER' | 'MAX' | 'STRETCH' | 'INHERIT'
Changing this property will cause the
relativeTransform properties on this node to change, if applicable (inside an auto-layout frame).
"STRETCH"will make the node "stretch" to fill the width of the parent vertical auto-layout frame, or the height of the parent horizontal auto-layout frame excluding the frame's padding.
- If the current node is an auto layout frame (e.g. an auto layout frame inside a parent auto layout frame) if you set layoutAlign to
“STRETCH”you should set the corresponding axis – either
counterAxisSizingMode– to be
“FIXED”. This is because an auto-layout frame cannot simultaneously stretch to fill its parent and shrink to hug its children.
"INHERIT"does not "stretch" the node.
⚠️ Previously, layoutAlign also determined counter axis alignment of auto-layout frame children. Counter axis alignment is now set on the auto-layout frame itself through
counterAxisAlignItems. Note that this means all layers in an auto-layout frame must now have the same counter axis alignment. This means
"MAX" are now deprecated values of