Stylish
The modern full-screen page: a floating pinned header, a full-bleed lazy content list, and floating overlays — with the scroll behavior built in.
The header height is measured synchronously (SubcomposeLayout) and applied as the list's initial top content padding, so content starts clear of the header and scrolls behind it.
Scroll behavior: detecting a downward scroll fully slides the header and floating layers out (200 ms); any upward scroll slides them fully back in. The floating layer is always visible while the list is at the top (including rubber-band bounce) and after pager page switches.
The status-bar zone is tinted with statusBarScrimColor while content scrolls beneath the floating layers (automatic scroll edge effect).
Parameters
Floating pinned top content. The scaffold owns the status-bar inset; header content must not add its own.
Modifier applied to the root.
Page background.
Tint of the status-bar zone. Defaults to transparent — system icon contrast is the host activity's job.
When true (default), header and floating layers slide out on downward scrolls and return on upward scrolls.
Optional hoisted state; share one instance across screens to coordinate them, or read StylishScrollHideState.visible for extra floating elements of your own.
Hoisted LazyListState for the content list.
Horizontal padding of the content list.
Extra bottom padding after the last item (the navigation-bar inset is reserved automatically).
Optional overlay anchored bottom-center (e.g. a pager indicator pill).
Optional FAB anchored bottom-end.
Lazy list content.