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

最新推荐文章于 2025-10-03 10:04:45 发布

原创

最新推荐文章于 2025-10-03 10:04:45 发布 · 1.6k 阅读

1 ·

CC 4.0 BY-SA版权

文章标签：

#flutter

本文介绍了如何在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: Conta