Flutter：改变手机状态栏颜色，与appBar状态颜色抱持一致

在Flutter中，可以通过使用SystemChrome类来改变手机状态栏的颜色。以下是如何设置状态栏颜色与AppBar颜色一致的示例代码：

import 'package:flutter/material.dart';
import 'package:flutter/services.dart';
 
void main() {
  runApp(MyApp());
}
 
class MyApp extends StatelessWidget {
  @override
  Widget build(BuildContext context) {
    return MaterialApp(
      home: HomePage(),
      theme: ThemeData(
        primaryColor: Colors.blue, // 设置AppBar的颜色
      ),
    );
  }
}
 
class HomePage extends StatelessWidget {
  @override
  Widget build(BuildContext context) {
    // 设置状态栏颜色与AppBar主题色一致
    SystemChrome.setSystemUIOverlayStyle(SystemUiOverlayStyle(
      statusBarColor: Colors.blue, // 状态栏颜色
    ));
 
    return Scaffold(
      appBar: AppBar(
        title: Text('状态栏颜色示例'),
      ),
      body: Center(
        child: Text('状态栏颜色与AppBar保持一致'),
      ),
    );
  }
}

在这个例子中，我们设置了primaryColor为蓝色，并且在HomePage的build方法中通过SystemChrome.setSystemUIOverlayStyle将状态栏颜色也设置为蓝色。这样，无论是状态栏还是AppBar都会保持一致的蓝色背景。