Flutter设置沉浸式状态栏

最新推荐文章于 2025-06-04 13:59:47 发布

废柴前端

最新推荐文章于 2025-06-04 13:59:47 发布

阅读量1.3k

点赞数

CC 4.0 BY-SA版权

分类专栏： Flutter 文章标签： Flutter设置沉浸式状态栏

本文为博主原创文章，未经博主允许不得转载。

本文链接：https://blog.csdn.net/zhuxiandan/article/details/105832633

Flutter 专栏收录该内容

5 篇文章

订阅专栏

本文介绍如何在Flutter应用中实现沉浸式状态栏效果，通过调整Android平台的状态栏颜色为透明，达到更好的用户体验。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

在main.dart中main函数中书写：

import 'dart:io';
import 'package:flutter/material.dart';
import 'package:flutter/services.dart';
void main() {
  // 沉浸式开始
  if (Platform.isAndroid) {
    SystemUiOverlayStyle systemUiOverlayStyle =
        SystemUiOverlayStyle(statusBarColor: Colors.transparent);
    SystemChrome.setSystemUIOverlayStyle(systemUiOverlayStyle);
  }
  // 结束
  
  runApp(MyApp());
}