为什么 Android 和 iOS 上的状态栏背景不同

问题描述

为什么从下面的代码中，Android 在状态栏和 iOS 周围显示灰色背景？ 以及如何使它们相同？

main() {
  runApp(MyApp());
}

class MyApp extends StatelessWidget {
  @override
  Widget build(BuildContext context) {
    return MaterialApp(
      home: Scaffold(
        body: Container(
          margin: EdgeInsets.only(top: 84),child: Text(
            'Create New',style: TextStyle(fontSize: 48),),);
  }
}

Android 上的灰色背景：

解决方法

使用这个：

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),);
  }
}

或此解决方案：

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