flutter Appbar透明处理解决（记录）

最新推荐文章于 2024-05-31 11:27:52 发布
最新推荐文章于 2024-05-31 11:27:52 发布
阅读量3.8k 收藏
点赞数 1
分类专栏： flutter入坑
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/qq_40020447/article/details/107082219
版权

问题复现

在这里插入图片描述
我的源码是这样的
在这里插入图片描述
然后最外层有个 Scaffold调用它，然后不管我改Scaffold的 backgroundColor: Colors.transparent, 和AppBar的backgroundColor: Colors.transparent,都不生效。

解决

后来瞎捣鼓 原来是 AppBar的elevation: 0,没有设置，也就是之前的黑色透明背景一样的不是背景颜色，而是投影效果？？？？
总之解决。
在这里插入图片描述

No Big Deal
关注
  • 1
    点赞
  • 踩
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
专栏目录
遮罩窗口 - 给窗口增加半透明模糊遮罩
10-31
遮罩窗口 - 给窗口增加半透明模糊遮罩
Flutter AppBar 工具栏、导航栏
10-06
在Flutter框架中，AppBar是一个非常重要的组件，它用于构建应用程序顶部的导航栏，通常显示应用的标题、返回按钮以及其他的操作选项。这篇文章将深入探讨如何使用AppBar，包括其基本用法、与TabBar的结合、如何移除...
Flutter AppBar导航栏透明
m0_55913607的博客
03-05 1970
flutter 导航栏透明
Flutter——透明AppBar的实现
最新发布
season_26的博客
05-31 224
底下没有东西，看起来是白色的不是透明的。（appBar能不能自己添加背景，不用。，才能看到透明的效果，否则由于。的区域，如果不希望内容显示到。背景色设置为透明，同时设置。区域，需要将该部分内容包裹。
Flutter AppBar设置透明
may_he的专栏
02-22 2527
child: Scaffold( extendBody: true, //底部NavigationBar透明 extendBodyBehindAppBar: true,//顶部Bar透明 appBar: AppBar( elevation: 0,//消除阴影 backgroundColor: Colors.white,//设置背景颜色为白色 ... ), .... ), ...
flutter 状态栏 AppBar 设置透明和半透明
半身风雪
11-18 7364
在日常开发中，很多时候，我们需要把状态栏设置成透明和半透明的状态，本篇文章将记录最简单最实用的设置方式。
Flutter | 透明导航栏 AppBar
无夜之星辰的博客
11-03 1110
除了将 backgroundColor 设置为 transparent，还需要将 shadowColor 设置为 transparent，或者把 elevation 设置为 0： appBar: AppBar( title: Text('透明导航栏'), backgroundColor: Colors.transparent, // 背景颜色设置为透明 shadowColor: Colors.transparent, // 阴影也要设置为透明 //elevation: 0, ), ...
Flutter 透明状态栏及字体颜色的设置方法
08-19
本文详细介绍了 Flutter 透明状态栏及字体颜色的设置方法，包括使用 `SystemUiOverlayStyle` 对象、`AppBar` 组件和 `AnnotatedRegion` 组件等方式。这些方法可以根据实际情况选择使用，以满足不同场景下的需求。
Flutter_AppBar
05-10
在Flutter框架中，`AppBar`是一个非常重要的组件，它用于构建应用程序顶部的导航栏，通常包含标题、返回按钮、操作菜单等元素。本教程将深入探讨`AppBar`小部件的详细使用方法，以及如何通过Dart语言进行配置和...
Flutter 自定义AppBar实现滚动渐变
01-22
Flutter 自定义AppBar实现滚动渐变
Flutter实现动态高斯模糊AppBar
11-05
在本文中，我们将深入探讨如何使用Flutter框架来实现一个动态高斯模糊的AppBar。Flutter，由Google开发，是一个用于构建高性能、多平台的移动应用程序的开源UI工具包。它的核心特性之一是Dart编程语言，这使得开发者...
Flutter沉浸式状态栏/AppBar导航栏/仿咸鱼底部凸起导航栏效果
01-20
如下图：状态栏是指android手机顶部显示手机状态信息的位置。 android 自4.4开始新加入透明状态栏功能，状态栏可以自定义颜色背景，使titleBar能够和状态栏融为一体，增加沉浸感。 如上图Flutter状态栏默认为黑色半透明，那么如何去掉这个状态栏的黑色半透明背景色，让其和标题栏颜色一致，通栏沉浸式，实现如下图效果呢？且继续看下文讲述。 在flutter项目目录下找到android主入口页面MainActivity.kt或MainActivity.java，判断一下版本号然后将状态栏颜色修改设置成透明，因为他本身是黑色半透明。 MainActivity.kt路径：andro
Flutter 单独页面状态栏颜色改变backgroundColor和statusBarColor
QhappyfishQ的博客
02-22 4362
flutter backgroundColor和statusBarColor之间的使用
【Flutter 问题系列第 45 篇】Flutter 改变状态栏的背景颜色和字体颜色
“Allen Su”的博客
09-12 3784
Flutter 改变状态栏的背景颜色和字体颜色
谈谈Flutter适配深色模式
建古的编码生活
05-29 1156
Flutter适配深色模式，全局适配。
flutter 修改状态栏颜色 不透明 半透明
weixin_33834910的博客
12-07 3214
2019独角兽企业重金招聘Python工程师标准>>> ...
直播app开发，flutter 状态栏 AppBar 设置透明和半透明
云豹网络科技
12-05 500
直播app开发，flutter 状态栏 AppBar 设置透明和半透明 一、设置AppBar 状态栏半透明 在AppBar 中，设置状态栏全透明需要设置两个属性：通过设置 backgroundColor 属性为完全透明 (Colors.transparent) 或半透明（不透明度小于 1 的颜色） 通过设置 elevation 属性设置为零以移除阴影（默认情况下，Flutter 中的材质应用栏有阴影） 二、设置AppBar 状态栏透明 上面我们设置了状态栏为半透明的状态，那么要设置状态栏全透明的话，只有要把
4.0,4.1系统手机 @android:color/transparent 显示黑色
Delion
05-11 5768
最近QA在使用4.0，4.1版本手机回归项目时，报上了一个比较诡异的问题，设置的调用系统透明色，实际显示黑色。而调用系统透明色的地方有很多，为什么偏偏特定地方有问题呢？ 记录下复现的场景：透明色定义在drawable中。 解决方案：改为指向本地color中定义的transparent ，问题解决。 特别注意：style中指向不要改用本地的。不然4.0，4.1版本上同样透明失效。 因目前精力
flutter appbar
05-26
Flutter AppBar是一个Material Design风格的顶部导航栏，通常包含应用程序的标题、菜单选项和其他操作控件。在Flutter中，您可以使用AppBar Widget轻松创建一个AppBar。 以下是一个简单的示例： ```dart import '...

“相关推荐”对你有帮助么？

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值