Stack

Positions its children on top of each other, following a LIFO (Last In First Out) order.

This control is useful if you want to overlap several children in a simple way. For example having some text and an image, overlaid with a gradient and a button attached to the bottom.

Stack is also useful if you want to implement implicit animations (https://flet.dev/docs/guides/python/animations/) that require knowing absolute position of a target value.

Inherits: LayoutControl, AdaptiveControl

Properties

• alignment(Alignment | None) –

  Specifies the alignment for non-positioned (those without explicit

• clip_behavior(ClipBehavior) –

  The content will be clipped (or not) according to this option.

• controls(list[Control]) –

  A list of Controls to display.

• fit(StackFit) –

  How to size the non-positioned controls.

Examples

Live example

Text over an image

Avatar with online status

Absolute positioning

Properties

alignment class-attribute instance-attribute

alignment: Alignment | None = None

Specifies the alignment for non-positioned (those without explicit alignment properties such as top or bottom) and partially-positioned controls.

clip_behavior class-attribute instance-attribute

clip_behavior: ClipBehavior = HARD_EDGE

The content will be clipped (or not) according to this option.

controls class-attribute instance-attribute

controls: list[Control] = field(default_factory=list)

A list of Controls to display.

For the display order, it follows the order of the list, so the last control in the list will be displayed on top (LIFO - Last In First Out).

fit class-attribute instance-attribute

fit: StackFit = LOOSE

How to size the non-positioned controls.