Skip to content

How do I modify the color of the system UI overlay? #179

Closed Answered by rydmike
TDuffinNTU asked this question in Q&A
Discussion options

You must be logged in to vote

Hi @TDuffinNTU,

My apologies for not noticing this question earlier. Glad to see you figured it out.

Just to confirm, yes using an AnnotatedRegion is the correct way to control the system navigation bar in Flutter. It is not a very well known widget.

In the FlexColorScheme docs it is mentioned here: https://docs.flexcolorscheme.com/deep_dives#themed-system-navigation-bar-in-android

There is also a static helper for using the AnnotatedRegion in the FlexColorScheme class (FlexColorScheme.themedSystemNavigationBar). It provides some convenience features, like matching the color to surface, background, scaffold background, including seed generation and surface blend impacts on such colors. It…

Replies: 3 comments

Comment options

You must be logged in to vote
0 replies
Comment options

You must be logged in to vote
0 replies
Comment options

You must be logged in to vote
0 replies
Answer selected by rydmike
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Category
Q&A
Labels
question This issue is a usage question and will be moved to the Discussions section.
2 participants
Converted from issue

This discussion was converted from issue #178 on August 14, 2023 07:48.