Layout topic

Layout

SheenPage is a full page with a large title that collapses into the toolbar; SheenSectionLabel and SheenSectionNote frame groups; SheenScrollEdge and SheenEdgeFade soften edges; SheenLayout gives the readable width and the wide-window breakpoints.

Classes

SheenBottomBarSpace

How much of the bottom of a scroll view a floating bar covers, such as SheenPage's bottom bar. sheen's text fields below it scroll themselves clear of the bar when they take focus and the keyboard comes up.

SheenEdgeFade

Fades the start and end edges of a horizontal child into color over width points, to say that it scrolls on. Use it around any sideways list on a plain background; SheenChipRow does.

SheenLayout

Widths for larger windows (tablets, desktop, the web).

SheenPage

A full-screen page with an iOS-style large title.

SheenScrollEdge

A soft fade of the page background under a floating bar, where a classic app would draw a bar background (the iOS 26 scroll edge effect). Place it in a Stack at the top (under a toolbar) or the bottom (under a tab or action bar).

SheenSectionLabel

A small upper-case label over a group of rows, such as "PERSONAL DETAILS"; a header for screen readers.

SheenSectionNote

A note under a group of rows: one or two lines in the secondary text colour.

Extensions

SheenLayoutContext on BuildContext

context.contentInset: the side inset of a readable column in this window.