💬
Get Help
MW
Marek Wolinski

Status bar color in dark mode

Widgets & Design

Since a certain update (I’m not sure when), I’m facing an issue with the status bar on PWA.

Whatever the settings, when I install my PWA on my iPhone, the status bar is white in system light mode (which is fine), but switches to dark when the system is in dark mode, even though my app does not support dark mode at all.

This happens only when the app is installed as a PWA.

Is this a known limitation or recent change in FlutterFlow / PWA behavior? Is there any way to force a fixed (light) status bar style for PWA, regardless of system dark mode?

What have you tried so far?

What I’ve tried so far:

Changing statusbar bolor in FlutterFlow (primary packground, white, transparent).

Disabling any dark mode in my app (light mode only).

Forcing the status bar style in main.dart using SystemChrome (transparent color, fixed brightness).

Using a custom action with SystemChrome.setSystemUIOverlayStyle, triggered on page load

Did you check FlutterFlow's Documentation for this topic?
Yes
1 reply