weight และการกำหนดขนาดแบบยืดหยุ่น

Sometimes you want children to share space, not take fixed sizes. The weight modifier divides leftover room proportionally. ⚖️

weight works only inside a Row or Column. It is part of the layout scope those containers provide to their children.

Give two children the same weight and they share the space evenly, each taking half of what is available.

Weights are ratios. A child with weight(2f) gets twice the space of a sibling with weight(1f).

Mix and match: give one child a fixed size and let another use weight to absorb whatever space remains.

A single weight on a spacer acts like a push, sending the next child all the way to the far end of the row.

Compose measures fixed children first, then splits the leftover space among weighted ones. That is why weight needs siblings to push against.

By default a weighted child fills its share. Pass fill = false to let it stay smaller than the space it was given.

The same idea works vertically. In a Column, weight divides the leftover height instead of width.

Because weights are ratios, your layout scales gracefully across phone and tablet widths without hardcoded numbers.

Label on the left, value filling the rest: a weighted row is the classic recipe for clean settings and list rows.

Two children sit in a Row with weight(3f) and weight(1f). How is the space shared?

You can now share space flexibly. weight splits leftover room by ratio inside Rows and Columns for responsive layouts. 🎯