fix: Android grouped list section spacing and header bands - #65
Open
SRWieZ wants to merge 2 commits into
Open
Conversation
SRWieZ
changed the title
In an inset-grouped `native:list`, Android only gets its vertical rhythm from a section header's top padding (20dp) and a footer's bottom padding. A section with no header that follows a section with no footer therefore renders with zero gap — its card sits flush against the previous card — while the same Blade on iOS is spaced by `.insetGrouped` regardless. Emit a 20dp spacer item above any grouped section that has no header, so the gap matches what a header would have provided. Plain (`->plain()`) lists are untouched: flat rows stay flush, as on iOS.
In an inset-grouped list Android pinned every section header and painted it with an opaque colorScheme.background so rows would not show through while pinned. On a screen whose background is not that exact colour the header rendered as a coloured band across the width (see screenshot in the PR). iOS .insetGrouped headers never pin and draw no background; only plain-style headers stick. Render grouped headers as ordinary items with no background, and keep the sticky, opaque header for plain lists.
SRWieZ
force-pushed
the
fix/android-grouped-list-parity
branch
from
August 23, 2026 16:03
c224ac8 to
d403372
Compare
SRWieZ
changed the title
SRWieZ
changed the title
This file contains hidden or bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
Sign up for free
to join this conversation on GitHub.
Already have an account?
Sign in to comment
1 participant
Add this suggestion to a batch that can be applied as a single commit.This suggestion is invalid because no changes were made to the code.Suggestions cannot be applied while the pull request is closed.Suggestions cannot be applied while viewing a subset of changes.Only one suggestion per line can be applied in a batch.Add this suggestion to a batch that can be applied as a single commit.Applying suggestions on deleted lines is not supported.You must change the existing code in this line in order to create a valid suggestion.Outdated suggestions cannot be applied.This suggestion has been applied or marked resolved.Suggestions cannot be applied from pending reviews.Suggestions cannot be applied on multi-line comments.Suggestions cannot be applied while the pull request is queued to merge.Suggestion cannot be applied right now. Please check back later.
What's wrong
Two things make a grouped
native:listlook broken on Android while the same Blade is fine on iOS:colorScheme.backgroundso rows don't show through while pinned. On a screen whose background isn't exactly that colour, each header is a stripe across the screen. iOS inset-grouped headers don't pin and paint nothing.What this does
Two small commits, one per fix:
->plain()) keep their sticky, opaque header.No PHP or iOS changes.
Before / after (Android emulator, API 36, same Blade)