Флаттер — Измените цвет строки состояния, и она всегда будет отображаться вверху

#flutter #flutter-android

#трепетать #флаттер-андроид

Вопрос:

Я новичок в Флаттере. Я меняю цвет строки состояния с помощью кода:

 SystemChrome.setSystemUIOverlayStyle(SystemUiOverlayStyle(  statusBarColor: Colors.green, ));  

и это результат:

изображение-1

Пользовательский интерфейс, когда отображается диалоговое окно:

изображение-2

Когда появляется диалоговое окно, я вижу, что строка состояния все еще видна вверху, она не находится под наложением, пользовательский интерфейс выглядит уродливо. Я хочу, чтобы при появлении диалогового окна наложение также находилось поверх строки состояния. Как это сделать?

Ответ №1:

Вы можете установить прозрачный цвет строки состояния, чтобы вы могли управлять цветом с помощью виджета, который находится за строкой состояния.

Если вы хотите управлять значком статуса/цветом текста(белый/черный), вы можете сделать это следующим образом:

 SystemChrome.setSystemUIOverlayStyle(SystemUiOverlayStyle.dark);// or SystemUiOverlayStyle.white  

Комментарии:

1. Я просто хотел один раз раскрасить строку состояния, и я сделал это с помощью кода SystemChrome.setSystemUIOverlayStyle . Но когда появляется диалоговое окно, его наложения нет в строке состояния, поэтому пользовательский интерфейс выглядит плохо.