Flutter Web: Невозможно изменить панели состояния и хромированные цвета панели инструментов на мобильных устройствах ⇐ Html

[Anonymous]

Я пытаюсь настроить строку статуса, панель инструментов Chrome и навигационные цвета в моем приложении Flutter Web при просмотре на мобильном устройстве. Тем не менее, несмотря на определение цветов темы как для Light , так и для Dark режимов, панель состояния и панель инструментов остается черной , в то время как навигационная планка навигационная полоса остается White .
Что я делаю не так? Как я могу правильно применить цвета на основе темы?

Код: Выделить всё

html, body {
height: 100%;
margin: 0;
}

body {
background-color: #ffffff;
}

@media (prefers-color-scheme: dark) {
body {
background-color: #161E27;
}
}






< /code>
Я также пытался также выполнить функцию ниже, и, хотя она хорошо работает на собственном, он никогда не работает в браузере: < /p>
void updateStatusBar(ThemeMode themeMode) {
final bool isDarkMode = themeMode == ThemeMode.dark;
final Color statusBarColor = isDarkMode
? DarkTheme.theme.colorScheme.primary
: LightTheme.theme.colorScheme.primary;
SystemChrome.setSystemUIOverlayStyle(SystemUiOverlayStyle(
statusBarColor: statusBarColor,
statusBarIconBrightness: isDarkMode ? Brightness.light : Brightness.dark,
systemNavigationBarColor: isDarkMode
? DarkTheme.theme.colorScheme.surface
: LightTheme.theme.colorScheme.surface,
systemNavigationBarIconBrightness:
isDarkMode ? Brightness.light : Brightness.dark,
));
}

Чего я мог бы пропустить?

Подробнее здесь: https://stackoverflow.com/questions/794 ... -on-mobile