flutter 沉浸式

万志鹏

已于 2023-11-13 22:37:13 修改

阅读量1.1k

点赞数

CC 4.0 BY-SA版权

文章标签： flutter

于 2022-01-05 10:32:36 首次发布

本文链接：https://blog.youkuaiyun.com/python4_1/article/details/122318048

这段代码展示了如何在Android应用中使用`SystemChrome.setSystemUIOverlayStyle()`方法将状态栏设置为透明。通过`SystemUiOverlayStyle`的构造函数，我们可以指定状态栏颜色为透明，从而实现沉浸式用户体验。

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

void main() async {

  SystemUiOverlayStyle systemUiOverlayStyle =
  const SystemUiOverlayStyle(statusBarColor: Colors.transparent);
  SystemChrome.setSystemUIOverlayStyle(systemUiOverlayStyle);
}

关注博主即可阅读全文

确定要放弃本次机会？

福利倒计时

: :

立减 ¥

普通VIP年卡可用

立即使用

万志鹏

关注关注

0
点赞
踩
0

收藏

觉得还不错? 一键收藏
2
评论
分享

复制链接

分享到 QQ

分享到新浪微博

扫一扫
举报

举报

Flutter沉浸式透明状态栏-flutter自定义凸起BottomAppBar导航

2401_84121935的博客

04-17

1218

在这里我和身边一些朋友特意整理了一份快速进阶为Android高级工程师的系统且全面的学习资料。涵盖了Android初级——Android高级架构师进阶必备的一些学习技能。附上：我们之前因为秋招收集的二十套一二线互联网公司Android面试真题（含BAT、小米、华为、美团、滴滴）和我自己整理Android复习笔记（包含Android基础知识点、Android扩展知识点、Android源码解析、设计模式汇总、Gradle知识点、常见算法题汇总。

Flutter 之沉浸式

前端颜小白

09-21

1189

Flutter 之沉浸式（Android）在Main目录中添加一下代码在Main目录中添加一下代码 void main() { runApp(MyApp()); if (Platform.isAndroid) { // 以下两行设置android状态栏为透明的沉浸。写在组件渲染之后，是为了在渲染后进行set赋值，覆盖状态栏，写在渲染之前MaterialApp组件会覆盖掉这个值。 SystemUiOverlayStyle systemUiOverlayStyle = SystemUiOv

2 条评论您还未登录，请先登录后发表或查看评论

【Flutter】沉浸式导航

夜雨Gecer的博客

07-17

802

效果结构是使用Stack布局先给后面的控件弄个图片的背景，之后再上Scaffold,再将相关的组件背景设为透明即可. 代码 class Body extends StatelessWidget { @override Widget build(BuildContext context) { return Stack( children: <Widget>[ Image.network( 'https://timg.

Flutter沉浸式透明状态栏|flutter自定义凸起BottomAppBar导航

飞翔的熊blabla

08-08

2527

前言如下图：状态栏是指android手机顶部显示手机状态信息的位置。 android 自4.4开始新加入透明状态栏功能，状态栏可以自定义颜色背景，使titleBar能够和状态栏融为一体，增加沉浸感。如上图：Flutter状态栏默认为黑色半透明，那么如何去掉这个状态栏的黑色半透明背景色，让其和标题栏颜色一致，通栏沉浸式，实现如下图效果呢？首先需要在flutter项目目录下找到android主入口页面MainActivity.kt或MainActivity.java，判断一下..

Flutter 沉浸式状态栏实现及Splash屏幕

自由空间

03-11

3289

Android原生中实现沉浸式状态栏很普遍。那在Flutter中如何实现呢。下面就大概总结一下。开发环境如下： [✓] Flutter (Channel stable, 1.22.6, on Mac OS X 10.14.5 18F132 darwin-x64, locale zh-Hans-CN) [✓] Android toolchain - develop for Android devices (Android SDK version 29.0.2) [✓] Xcode - develo

Flutter 沉浸式状态栏

闪亮的大早的博客

10-31

816

flutter项目运行起来，在ios上显示是没有最上边的半透明阴影，在android上状态栏有是有黑色阴影的。

Flutter沉浸式透明状态栏-flutter自定义凸起BottomAppBar导航(1)

最新发布

bfhye16552的博客

04-17

974

【Android开发核心知识点笔记】【Android思维脑图（技能树）】【Android核心高级技术PDF文档，BAT大厂面试真题解析】【Android高级架构视频学习资源】《互联网大厂面试真题解析、进阶开发核心学习笔记、全套讲解视频、实战项目源码讲义》点击传送门即可获取！厂面试真题解析】**[外链图片转存中…(img-cHjMzPSm-1713362464474)]【Android高级架构视频学习资源】《互联网大厂面试真题解析、进阶开发核心学习笔记、全套讲解视频、实战项目源码讲义》

flutter Android 沉浸式

学习是我快乐，吗

07-08

339

void main() { runApp(const MyApp()); if(Platform.isAndroid){ SystemUiOverlayStyle style = const SystemUiOverlayStyle( statusBarColor: Colors.transparent, ///这是设置状态栏的图标和字体的颜色 ///Brightness.light 一般都是显示为白色 ///Brightne...

【Flutter】四十一、Flutter解决沉浸式状态栏——SafeArea

01-07

下面是一个简单页面： import 'package:flutter/material.dart'; class SafeAreaRoute extends StatelessWidget{ @override Widget build(BuildContext context) { // TODO: implement build return Scaffold( appBar: AppBar( title: Text('SafeArea'), ), ); } } 注意这里的状态栏是沉浸式的，如果在Sca

沉浸式状态栏（渐变透明）

08-31

大家都见过京东、手机淘宝、天猫、等一众APP，当滑动时发现状态栏都会有变化，就是沉浸式，这个例子就很好的给出了应用；

Flutter 安卓端启动页全屏+沉浸式状态栏

2401_84121646的博客

04-17

1091

3、样式：适配安卓5.0以下样式放置在values文件夹下适配安卓5.0-9.0的样式放置在values-v21文件夹下适配安卓9.0以上的样式放置在values-v28文件夹下values文件夹下styles.xmlSplashActivity样式MainActivity样式values-v21文件夹styles.xmlSplashActivity样式MainActivity样式values-v28文件夹下styles.xmlSplashActivity样式。

FlutterComponent最佳实践之沉浸式

eclipse_xu

03-24

3676

点击上方蓝字关注我，知识会给你力量沉浸式状态栏，在Android开发中是一个比较麻烦的地方，因为不同的机型和版本兼容问题太多了，API变化也快，但是到了Flutter，一切问题都解决了，因为整个区域都是Skia绘制的，要什么都行，随便来。❝以上问题只针对Android，因为iOS没这问题。。。默认就是沉浸式，只能说，Google的设计师，真是不懂行情。❞我们来看下iOS的...