Repository navigation
Conversation
A list with sections is documented to take the inset-grouped look with rounded cards, and Android draws them, but iOS cleared every row's background: grouped sections showed no card at all. Grouped rows now keep the system grouped cell colour (plain rows stay clear), and an opt-in row-color fills the rows of either style with a theme colour.
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
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.
A
native:listwithlist-sections is supposed to look like the iOS Settings app: each section is a white rounded card on a grey background. Android draws those cards. On iOS they never show: the renderer clears every row's background, so the rows float on the grey background with no card.This PR keeps the system card colour on grouped rows (light and dark mode follow the system). Plain lists are unchanged; their rows stay clear.
It also adds an opt-in
row-coloron the list, for apps with a coloured background that want their own card colour (white cards on a beige screen, for example). It accepts a hex value or a theme token. It works on both platforms and in both styles.To reproduce:
Before / after (iPhone 17 Pro simulator, iOS 26.5):
With a coloured screen and
row-color: