System Navigation Bar Color Doesn't Update on Theme Change

[Gaurav-Kushwaha-1225]

Summary:

When changing the theme after opening the app, the system navigation bar color does not update accordingly. The expected behavior is for the navigation bar to match the theme's background color, but it retains the previous theme's color. Reopening the after closing doesn't reproduce this issue.

Steps to reproduce:

• Open the Zulip Flutter app.
• Change the theme (e.g., from light to dark or vice versa).
• Observe the system navigation bar color at the bottom of the screen.

Device and environment:

• Device: CPH2381
• OS version: 14
• Zulip app version: Latest Commit when creating this issue ca26330
• Build variant: Debug

Screenshots:

• Opened app in dark theme but after changing theme to light.

• Opened app in light theme but after changing theme to dark.

Possible solution (if applicable):

• The issue might be related to SystemChrome.setSystemUIOverlayStyle, which may not be getting updated when the theme changes. Ensuring this function is called whenever the theme is switched could fix the problem.

[gnprice]

Thanks for the report!

I believe this is specific to Android 14 and below (and possibly non-default configurations on Android 15+) — that bar doesn't exist on Android 15, at least by default, because of edge-to-edge mode.

Marked as post-launch because although this is pretty unsightly when it happens, I think this situation is pretty uncommon for users who aren't developing the app.