SpaceFiller

The SpaceFiller is a component that works well in layout containers to fill the remaining (unused) space. Its behavior depends on the layout container in which it is used.

Using SpaceFiller

In a Stack, SpaceFiller pushes the children following it to the other end of the container:

<App>
  <HStack>
    <Stack width="36px" height="36px" backgroundColor="red" />
    <SpaceFiller />
    <Stack width="36px" height="36px" backgroundColor="blue" />
  </HStack>
</App>

In a FlowLayout, SpaceFiller acts as a line break for a row. The children following the SpaceFiller enters a new line.

<App>
  <FlowLayout>
    <Stack width="20%" height="36px" backgroundColor="red" />
    <SpaceFiller />
    <Stack width="20%" height="36px" backgroundColor="green" />
    <Stack width="20%" height="36px" backgroundColor="blue" />
  </FlowLayout>
</App>

Properties

This component does not have any properties.

Events

This component does not have any events.

Exposed Methods

This component does not expose any methods.

Styling

SpaceFiller ignores all layout properties; it cannot be styled.