StackItem

By default, each individual element in a Stack is treated as one stack item.

Wrap multiple elements in a StackItem component, and the Stack component will treat them as one item.

Props

optional = ?

Name Type Description
fill? boolean Fill the remaining horizontal space in the stack with this item

Behavior

  • 📱 All children of StackItems are placed in a single view object, which makes recycling the views expensive. Consider keeping your StackItems simple.
✅ Do 🛑 Don't
📱 Keep StackItems shallow. Complex hierarchies have performance penalties 📱 Use complex and deep Stack layouts
Wrap small UI elements in StackItem to group UI elements and styles Use StackItems outside of Stacks

On this page