如何在Flutter中更改状态栏颜色？

3 回答

• 1

  在我的应用程序中工作完全正常

  import 'package:flutter_statusbarcolor/flutter_statusbarcolor.dart';
  
  void main() => runApp(new MyApp());
  
  class MyApp extends StatelessWidget {
    @override
    Widget build(BuildContext context) {
      FlutterStatusbarcolor.setStatusBarColor(Colors.white);
      return MaterialApp(
        title: app_title,
        theme: ThemeData(
          primarySwatch: Colors.blue,
        ),
        home: HomePage(title: home_title),
      );
    }
  }
  

  UPD: 另一个解决方案

  SystemChrome.setSystemUIOverlayStyle(SystemUiOverlayStyle(
    statusBarColor: Colors.white
  ));
  

  回复于 2024-05-05T00:23:30+08:00
• 1

  您可以使用 SystemChrome 类更改状态栏和导航栏颜色 . 首先进口

  import 'package:flutter/services.dart';
  

  在此之后，您需要添加以下行（更好的位置将这些行放在 main() 方法中）

  void main() {
    SystemChrome.setSystemUIOverlayStyle(SystemUiOverlayStyle(
      systemNavigationBarColor: Colors.blue,
      statusBarColor: Colors.pink,
    ));
  }
  

  回复于 2024-05-05T00:23:30+08:00
• 0

  你想要的是主题 . 它们比AppBar颜色更重要 .

  https://flutter.io/cookbook/design/themes/

  回复于 2024-05-05T00:23:30+08:00