Flutter 沉浸式状态栏 及 修改状态栏字体颜色

效果图

实现代码

import 'dart:io'; import 'package:flutter/material.dart'; import 'package:flutter/services.dart'; void main() { runApp( MaterialApp( debugShowCheckedModeBanner: false, title: '测试程序', theme: ThemeData(primaryColor: Colors.greenAccent), home: MyApp(), )); if (Platform.isAndroid) { //实现沉浸式状态栏 SystemUiOverlayStyle systemUiOverlayStyle = SystemUiOverlayStyle(statusBarColor: Colors.transparent); SystemChrome.setSystemUIOverlayStyle(systemUiOverlayStyle); } } class MyApp extends StatelessWidget { @override Widget build(BuildContext context) { //第一种修改状态栏字体颜色 return Scaffold( appBar: AppBar( title: Text('data'), centerTitle: true, brightness: Brightness.light, //Brightness.dark 有appbar实现方式 ), body: Container( color: Colors.amber, ), ); //第二种修改状态栏字体颜色 return AnnotatedRegion<SystemUiOverlayStyle>( child: Container( color: Colors.amber, ), value: SystemUiOverlayStyle.dark //SystemUiOverlayStyle.light 两种样式 ); } }