Flutter应用开发，系统样式改不了？SystemChrome 状态栏、导航栏、屏幕方向……想改就改

如果你在Flutter应用开发中遇到系统样式无法更改的问题，可能是因为你的代码中使用了SystemChrome.setEnabledSystemUIOverlays 或者 SystemChrome.setPreferredOrientations 等方法，但没有在合适的生命周期方法中调用它们，或者在AndroidManifest.xml中配置了不正确的权限。

解决方法：

1. 确保你已经在void main() { }函数内或者首次渲染前调用了这些方法。
2. 对于Android，确保在AndroidManifest.xml中添加了必要的权限，例如改变状态栏颜色的权限：

<uses-permission android:name="android.permission.CHANGE_WIFI_MULTICAST_STATE"/>

3. 确保你的应用有足够的权限去改变系统UI。
4. 如果是状态栏颜色的问题，确保你在MaterialApp或CupertinoApp中设置了theme，并且在ThemeData中设置了brightness和primaryColor。
5. 如果是导航栏颜色的问题，确保你在AndroidManifest.xml中设置了正确的android:theme。
6. 对于屏幕方向，确保在void main() { }中调用了SystemChrome.setPreferredOrientations，并且在适当的时候调用SystemChrome.setPreferredOrientations([DeviceOrientation.portraitUp])来更改。
7. 如果以上都不解决问题，请检查是否有任何Flutter插件阻止了系统样式的更改。

示例代码：

import 'package:flutter/material.dart';
import 'package:flutter/services.dart';
 
void main() {
  // 设置系统UI覆盖层
  SystemChrome.setEnabledSystemUIOverlays([SystemUiOverlay.bottom]);
 
  // 设置屏幕方向
  SystemChrome.setPreferredOrientations([DeviceOrientation.portraitUp])
    .then((_) {
      runApp(MyApp());
    });
}
 
class MyApp extends StatelessWidget {
  @override
  Widget build(BuildContext context) {
    return MaterialApp(
      title: 'Flutter Demo',
      theme: ThemeData(
        primarySwatch: Colors.blue,
        // 设置状态栏颜色和导航栏颜色
      ),
      home: MyHomePage(title: 'Flutter System UI Demo'),
    );
  }
}
 
class MyHomePage extends StatefulWidget {
  MyHomePage({Key key, this.title}) : super(key: key);
 
  final String title;
 
  @override
  _MyHomePageState createState() => _MyHomePageState();
}
 
class _MyHomePageState extends State<MyHomePage> {
  @override
  Widget build(BuildContext context) {
    return Scaffold(
      appBar: AppBar(
        title: Text(widget.title),
      ),
      body: Center(
        child: Text('System UI Changed'),
      ),
    );
  }
}

以上代码在main函数中设置了系统UI覆盖层，并且在应用启动后立即设置了屏幕方向。在MyApp中设置了状态栏和导航栏的颜色。这样可以确保你的应用在启动时就具备了你想要的系统样式。