问题标签 [flutter-appbar]

For questions regarding programming in ECMAScript (JavaScript/JS) and its various dialects/implementations (excluding ActionScript). Note JavaScript is NOT the same as Java! Please include all relevant tags on your question; e.g., [node.js], [jquery], [json], [reactjs], [angular], [ember.js], [vue.js], [typescript], [svelte], etc.

0 投票
1 回答
1069 浏览

flutter - 可扩展的 AppBar (onPressed)

我怎样才能达到这个效果?单击日期后,我想扩展我的 AppBar。

折叠的应用栏

扩展的 AppBar

0 投票
1 回答
81 浏览

flutter - 在 Scaffold 中为 AppBar 添加子标题

在我的颤振应用程序中,我有带有搜索功能的页面。它为我带来了一些来自 API 服务器的数据,这些数据具有 bloc 模式实现。现在我需要添加带有文本“最近搜索”的子标题。在尝试添加它时,它会覆盖我的“输入要搜索的文本”文本。我无法将它添加到屏幕顶部和左侧的 appbar 下面这是我当前的阶段:

在此处输入图像描述 那就是我要补充的:

在此处输入图像描述

0 投票
1 回答
145 浏览

flutter - 带控制器的 SingleChildScrollView 第一次不滚动

我有一个要求,当用户向上滚动页面时,应显示应用栏标题。并且当它滚动到最小标题时应该隐藏。这是因为页面内容也有标题。

我已经使用控制器实现了 SingleChildScrollView 来执行此操作。

_reachedTop 变量用于切换 appbar 栏中的标题。

当我第一次尝试向上滚动时,它根本不滚动,而是显示应用栏的标题。我假设变量 _reachedTop 设置为 false。

然后,当我尝试第二次滚动时,它允许我滚动。

我认为这是由我用来设置变量的 setState 引起的。

我该如何解决这个问题?还有另一种方法吗?

0 投票
1 回答
405 浏览

flutter - 自定义 Appbar Flutter

我试图实现以下目标,

我对颤动很陌生,所以我无法弄清楚。

0 投票
1 回答
27 浏览

flutter-appbar - 导航时 AppBar 阴影的奇怪问题

当我导航到页面然后弹回主页时,我的 AppBar 阴影出现问题。结构是:

  1. HomePage:以自定义滑动 AppBar 和 PageView 作为主体的脚手架: - 滑动 AppBar 由一个 Stack 组成,其中一些 AppBar 小部件作为子项,它们以动画形式出现 - PageView 显示页面内容,其控制器链接到 AppBar 的动画
  2. SearchPage ==> 通过点击 FAB 调用 Navigator.push(context, MaterialPageRoute(builder: (context) => SearchPage())) 访问

这是 AppBar 的错误:如果我转到 SearchPage 然后弹回来,阴影每次都会变深,就像 AppBar 的高度在增长一样......见下面的 GIF:

在此处输入图像描述

如果我使用标准 AppBar 而不是我的自定义滑动 AppBar,这不会出现。它的代码在这里:

知道会出什么问题吗?:(

谢谢 !

0 投票
2 回答
207 浏览

android - 如何根据平台隐藏 AppBar 后退按钮?

我希望AppBar在我的应用程序中为 Android 用户隐藏所有后退按钮,以便他们必须使用设备的后退按钮。但对于 iOS 用户,我希望出现AppBar“后退”按钮,因为这是标准的导航方式。

实现这一目标的最佳方法是什么,有没有办法在全球范围内使用AppBarTheme

我知道,AppBar(automaticallyImplyLeading: false, ...)但这隐藏了 iOS 和 Android 设备上的后退按钮。

0 投票
2 回答
475 浏览

flutter - 如何在颤动中通用更改应用栏的字体系列?

我想在我的应用程序中普遍更改应用程序栏字体,但我没有找到我正在寻找的任何合适的答案。
有没有办法在 MaterialApp 中使用 ThemeData 和主题来全局应用主题?

我不想像下面这样应用 TextStyle 属性

如果没有,更改应用栏字体的最佳方法是什么?

PS这是我在 StackOverflow 上的第一篇文章。

0 投票
1 回答
260 浏览

flutter - AppBar 可在不同页面重用和路由在不同页面效果

我无法用可重复使用的 appbar 解决两个问题。

  1. Appbar 的页面宽度不一样。 应用栏比页面宽度短
  2. 文本和图标似乎没有垂直居中。看起来 appbar 有一个边框!(如果我移动对齐,我可以播种边界。见图 2。 见右侧的白色图标
  3. 当我翻页时,似乎有一个 Appbar 在可重复使用的 Appbar 下。见图3. 可复用Appbar下的Appbar

在每个页面中,我都使用此代码来调用 Appbar:

这是可重用 AppBar 的代码:

0 投票
0 回答
26 浏览

flutter - 将两个文本居中到 AppBar

我正在尝试将两个文本居中到 Appbar 中。第二个文本是一个因数字而改变尺寸的计数器。如果我不修复这些文本,每次增量时,整个文本似乎都会移动,我不喜欢它!下面代码的结果看起来不错,但如果我删除 sizedbox.width 上的 -100,结果是像素溢出错误。您是否有更好的建议将两个文本居中在应用栏的中心?我想用我的代码,如果我将应用程序运行到平板电脑中,文本将不会居中!等待反馈。问候。

没有-100像素的图片

0 投票
0 回答
122 浏览

android - 我想相对于弯曲导航栏的标签更改页面的应用栏标题

我正在我的颤振项目中实现弯曲的导航栏。但我无法识别为什么数据没有传递到第二页(即 notification.dart 页面)。相同的数据显示在第一页(即 home.dart 页面)但不在第二页(即 notification.dart 页面)

这是我的代码:

应用栏代码:

导航栏的代码:

home.dart 代码:

notification.dart 代码: