flutter 應用程序更改狀態欄以匹配相同的應用程序欄

Question

嗨，我正在嘗試更改狀態欄以匹配我在 flutter 中的應用欄的顏色，但我沒有任何運氣嘗試這樣做：

@override
  Widget build(BuildContext context) {
    return Scaffold(
      body: AnnotatedRegion<SystemUiOverlayStyle>(
        value: SystemUiOverlayStyle(statusBarColor: Colors.black,
        systemNavigationBarColor: Colors.black),

但我的狀態欄仍然是這樣的：

但在 iphone 上它正確顯示 colors

Answer 1

導入這個

import 'package:flutter/services.dart';

並將此代碼添加到主小部件樹中：

@override
  Widget build(BuildContext context) {

    SystemChrome.setSystemUIOverlayStyle(SystemUiOverlayStyle(
      statusBarColor: Colors.blue,
      statusBarBrightness: Brightness.dark, // as you need dark or light
    ));

return MaterialApp(home: yourHomeWidgetWhereTheScaffoldIsDefined....

希望這可以幫助