flutter 沉浸式

原创 已于 2023-11-13 22:37:13 修改 · 1.2k 阅读 · 0 ·
CC 4.0 BY-SA版权
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
文章标签：

#flutter

于 2022-01-05 10:32:36 首次发布
这段代码展示了如何在Android应用中使用`SystemChrome.setSystemUIOverlayStyle()`方法将状态栏设置为透明。通过`SystemUiOverlayStyle`的构造函数，我们可以指定状态栏颜色为透明，从而实现沉浸式用户体验。 
void main() async {

  SystemUiOverlayStyle systemUiOverlayStyle =
  const SystemUiOverlayStyle(statusBarColor: Colors.transparent);
  SystemChrome.setSystemUIOverlayStyle(systemUiOverlayStyle);
}
万 志 鹏
关注
Flutter沉浸式透明状态栏-flutter自定义凸起BottomAppBar导航
2401_84121935的博客
04-17 1270
在这里我和身边一些朋友特意整理了一份快速进阶为Android高级工程师的系统且全面的学习资料。涵盖了Android初级——Android高级架构师进阶必备的一些学习技能。附上：我们之前因为秋招收集的二十套一二线互联网公司Android面试真题（含BAT、小米、华为、美团、滴滴）和我自己整理Android复习笔记（包含Android基础知识点、Android扩展知识点、Android源码解析、设计模式汇总、Gradle知识点、常见算法题汇总。
Flutter 之沉浸式
前端颜小白
09-21 1212
Flutter 之沉浸式（Android）在Main目录中添加一下代码 在Main目录中添加一下代码 void main() { runApp(MyApp()); if (Platform.isAndroid) { // 以下两行 设置android状态栏为透明的沉浸。写在组件渲染之后，是为了在渲染后进行set赋值，覆盖状态栏，写在渲染之前MaterialApp组件会覆盖掉这个值。 SystemUiOverlayStyle systemUiOverlayStyle = SystemUiOv
【Flutter】沉浸式导航
夜雨Gecer的博客
07-17 826
效果 结构是使用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 2578
前言 如下图：状态栏是指android手机顶部显示手机状态信息的位置。 android 自4.4开始新加入透明状态栏功能，状态栏可以自定义颜色背景，使titleBar能够和状态栏融为一体，增加沉浸感。 如上图：Flutter状态栏默认为黑色半透明，那么如何去掉这个状态栏的黑色半透明背景色，让其和标题栏颜色一致，通栏沉浸式，实现如下图效果呢？ 首先需要在flutter项目目录下找到android主入口页面MainActivity.kt或MainActivity.java，判断一下..
Flutter 沉浸式状态栏实现及Splash屏幕
自由空间
03-11 3359
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沉浸式状态栏/AppBar导航栏/仿咸鱼底部凸起导航栏效果
08-19
本文将深入探讨如何在使用Flutter框架开发的Android应用中实现沉浸式状态栏、AppBar导航栏以及仿咸鱼底部凸起导航栏效果。 首先，让我们来了解什么是沉浸式状态栏。在Android系统中，状态栏是位于屏幕顶部的一个...
Flutter 沉浸式状态栏
闪亮的大早的博客
10-31 841
flutter项目运行起来，在ios上显示是没有最上边的半透明阴影，在android上状态栏有是有黑色阴影的。
Flutter沉浸式透明状态栏-flutter自定义凸起BottomAppBar导航(1)
最新发布
bfhye16552的博客
04-17 1001
【Android开发核心知识点笔记】【Android思维脑图（技能树）】【Android核心高级技术PDF文档，BAT大厂面试真题解析】【Android高级架构视频学习资源】《互联网大厂面试真题解析、进阶开发核心学习笔记、全套讲解视频、实战项目源码讲义》点击传送门即可获取！厂面试真题解析】**[外链图片转存中…(img-cHjMzPSm-1713362464474)]【Android高级架构视频学习资源】《互联网大厂面试真题解析、进阶开发核心学习笔记、全套讲解视频、实战项目源码讲义》
flutter Android 沉浸式
学习是我快乐， 吗
07-08 372
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，当滑动时发现状态栏都会有变化，就是沉浸式，这个例子就很好的给出了应用；
FlutterComponent最佳实践之沉浸式
eclipse_xu
03-24 3721
点击上方蓝字关注我，知识会给你力量沉浸式状态栏，在Android开发中是一个比较麻烦的地方，因为不同的机型和版本兼容问题太多了，API变化也快，但是到了Flutter，一切问题都解决了，因为整个区域都是Skia绘制的，要什么都行，随便来。❝以上问题只针对Android，因为iOS没这问题。。。默认就是沉浸式，只能说，Google的设计师，真是不懂行情。❞我们来看下iOS的...
Flutter沉浸式状态栏与颜色设置
EDGJanusKun的博客
05-29 1065
以下代码，便于之后使用查询，做个笔记 一：沉浸式状态栏 以下代码作用：会根据不同界面Scaffold对应的backgroundColor颜色而改变，属于沉浸式状态栏全局设置。 void main(){ runApp(MyApp()); if(Platform.isAndroid){ /// 设置android状态栏为透明的沉浸 SystemUiOverlayStyle systemUiOverlayStyle = SystemUiOverlayStyle(statu...
Flutter 安卓端启动页全屏+沉浸式状态栏
2401_84121646的博客
04-17 1164
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样式。
评论 2
成就一亿技术人!
拼手气红包6.0元
还能输入1000个字符
 
红包 添加红包
表情包 插入表情
表情包 代码片
 条评论被折叠 查看
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值