当前位置: 首页 > 知识库问答 >
问题:

Flutter Android透明导航栏和按钮

岳彬炳
2023-03-14

我一直在尝试为我的应用程序获得一个透明的导航栏,但我已经尝试到目前为止,并没有给我的结果,我正在寻找。

作为一个参考示例,下面是“Play Store”导航栏的外观:

注意,它是一个黑暗但透明的颜色。

我在应用程序中尝试了以下内容:

SystemChrome.setSystemUIOverlayStyle(
  SystemUiOverlayStyle(
    statusBarColor: Colors.transparent,
      systemNavigationBarColor: Colors.transparent,
      systemNavigationBarIconBrightness: Brightness.dark,
    statusBarBrightness: Brightness.light
  )
);

我已经将我的主题和单个支架的背景颜色设置为深色,但我的导航栏仍然是白色的,如下图所示:

正如你在上图中看到的,状态栏接受它的透明颜色,并尊重应用背景,但导航栏不接受。改变导航条的亮度或给它另一个出售的颜色工作很好,但透明度不是,所以我怀疑有另一个物体或元素在我的导航条后面的白色,但我可能是错的。注意,我的导航栏上方的深色是我的脚手架的backgroundcolor属性。我不指定相同的颜色给我的导航条和想要透明度的原因,是因为我将有其他的活动,将不会有一个黑暗的背景,在那些情况下,导航条将会然后反射光背景。我将相应地更改我的SystemNavigationBariconBrightence

我不确定我错过了什么,或者我做错了什么,但简单地说,我想要一个像Play Store那样的导航栏(它不是唯一一个有透明导航栏的应用),我希望Flutter能做到这一点?

提前道谢。

共有1个答案

张兴旺
2023-03-14

我找到了一个Flutter软件包

 类似资料:
  • 我正在创建一个应用程序,我在互联网上浏览,我想知道他们是如何使这个透明的UINavigationBar像这样: 我在appdelegate中添加了以下内容: 但这只会让它看起来像: 如何使导航栏像第一个图像一样透明?

  • 我一直在Stack上寻找一些关于这个的指导,但是没有一个问题被问到这么深,答案也没有更新到最新的Swift版本,甚至没有更新到最新的Swift版本。 这是我所拥有的: 带有两个栏项目的导航控制器: 我的目标是:使导航根视图控制器的导航栏透明(但按钮和标题仍然可见),而不是子导航——没有奇怪的细微差别,比如之前的彩色闪光,或切断导航栏(参见gif) 我尝试过的事情: 在<代码>视图将出现(u动画:B

  • 只有在第一次打开应用程序时,半透明的状态栏才会出现问题。请看屏幕截图: http://i1335.photobucket.com/albums/w673/ductruongcntt/Screenshot_2014-06-26-14-17-26_zps1e9a56f4.png 以下是我使用的样式的XML,其中包括半透明状态栏: 我的主题是:

  • 我想制作一个完全透明的状态栏和导航栏,就像Google Play那样。当我使用窗口设置来实现它时,键盘会覆盖编辑文本。 当此代码使用键盘输入覆盖的编辑文本时: 此外,该代码并没有使其完全透明,它只是使其半透明 还是这个

  • 我一直在寻找一种方法,在状态栏完全透明(而不是半透明)的情况下重新给导航栏上色。要使状态栏完全透明,需要将布局标志设置为无限制,但这也会使导航栏失去颜色。有没有办法做到这一点?

  • 我正在尝试为一个学校项目制作我的第一个应用程序。我有时会通过跟随其他人的问题和答案来获得半透明的状态栏,但是导航只是变成灰色,但是没有活动的内容,但是抽屉菜单在状态栏和导航栏下面绘制,我如何使活动也在状态栏和导航栏下面绘制? 在此处输入图像描述 在此处输入图像描述 在onCreate下,图2的代码为: WindowManager。布局参数。旗帜(半透明导航); 我试过使用android:fitsy