问题标签 [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 投票
4 回答
7000 浏览

flutter - 如何在颤动中垂直居中容器子项

我正在尝试将容器 appBar 的子元素垂直居中,它是文本,我是新来的,所以我在这里缺少什么。它只是水平居中

小部件

我在哪里称呼它

0 投票
3 回答
2432 浏览

android - 带有圆形按钮的Android底部导航

我想在我的 android 应用程序中做这样的事情。我尝试使用应用栏和 fab 按钮,但没有成功。你有什么想法?

底部导航

0 投票
1 回答
854 浏览

flutter - Flutter:使用 NestedScrollView 折叠 AppBar

我已经实现了NestedScrollView,这就是我的结果。

滚动前:

在此处输入图像描述

滚动后:

在此处输入图像描述

问题是:

  1. Before Scrolled 部分中,如何使默认Live Button值位于中间AppBar
  2. After Scrolled 部分中,当用户滚动到顶部时,Live Button会从中心(默认)移动到右侧(旁边Chat Button)。
  3. After Scrolled 部分中,当用户滚动到顶部时,不应该与,title重叠,而是应该在 的右边,应该在 的左边,应该在 的左边。Back ButtonLive ButtonChat Buttontitle prefixBack Buttontitle suffixLive ButtonLive ButtonChat Button

这是我的构建代码AppBar

这是build方法:

如何使我的代码发生这种情况?

0 投票
1 回答
34 浏览

android - 按下概览按钮时保持 appBar 的颜色

我完成了我的应用程序,但这是我找不到答案的问题。我想在按下概览按钮(android 右键 - 图 1)时保持 appBar 的颜色。在我的应用程序中,它变为不同的蓝色。

我该如何定义这种颜色?

已经尝试过这种方式,但没有奏效:

概览按钮

颜色变了

0 投票
1 回答
502 浏览

flutter - 具有动态状态的 Flutter 浮动操作按钮

完成我的第一个 Flutter 移动应用程序的最后润色。另一个重要的待办事项:我的浮动操作按钮出现在每个页面的顶部应用程序栏中,但我希望根据当前页面更改其状态(启用/禁用)。这可能吗?如果是这样,任何适合新手的教程、资源、参考资料和/或代码示例将不胜感激。谢谢!

0 投票
1 回答
1667 浏览

flutter - Flutter.. 如何实现自定义 App Bar - Usage and Re-Usage

我为我的 Flutter 移动应用创建了一个自定义应用栏 (CAB),它应该出现在每个页面的顶部。现在整个代码被复制/粘贴在每一页上。但是有没有一种方法可以创建一次 CAB 组件并将其作为独立组件放置在每个页面上,这样如果我想对 CAB 进行更改,我就不必一遍又一遍地执行相同的编辑CAB 出现的页面?只是想稍微整理一下。谢谢!

0 投票
2 回答
838 浏览

flutter - 如何抑制 Flutter 中的滚动显示行为?

我有一个CustomScrollView隐藏SliverAppBar在滚动条上的。

应用栏上有一个搜索按钮,按下该按钮时,会将 aTextField放入应用栏中。

当该字段获得焦点时,它会导致滚动视图一直滚动到顶部,并且应用栏会卡在“不安全”区域中:

滚动焦点问题

Scaffold 文档提到,当显示键盘时,脚手架的插图发生变化并重建脚手架,导致“如果焦点小部件位于可滚动容器内,它将滚动到视图中”。

这似乎是我不想要的行为。我看了但无法理解机制或如何抑制它。这样做有可能吗?

图像中视图的源代码在此处

我还注意到,这个问题在我之前使用非银色标准小部件的实现中没有发生。我怀疑这是因为应用栏不在可滚动视图中,而SliverAppBar在内部,CustomScrollView以便它可以与主体交互。

0 投票
0 回答
463 浏览

flutter - Flutter Drawer 在其他页面无法正常工作

我有一个 3 页共有的抽屉类。这里我的问题是,如果我在主屏幕中打开抽屉中的任何列表项页面,它工作正常。如果我转到主屏幕以外的某个页面(例如 page2 屏幕),现在如果我在抽屉中打开任何列表项,它会打开屏幕,但问题是如果我按下后退按钮它会转到主屏幕而不是 page2 屏幕。

抽屉类:

0 投票
0 回答
225 浏览

flutter - 如何在flutter中设置sliverappbar的默认高度值?

你可能知道,如果我们想降低 appbar 的高度,我们需要用 preferredSize 小部件包裹 Appbar。

但在 SilverAppbar 的情况下,preferredSize 小部件无法降低 SilverAppber 高度的默认大小的高度。

如何降低默认 SilverAppbar 的高度?

*请注意,我说的是 SilverAppbar 的默认高度大小,而不是它的扩展高度大小。

谢谢!

0 投票
1 回答
103 浏览

flutter - Flutter 子类 Scaffold,因此我可以确保 Drawer 和 BottomNavigationBar 始终存在

我有一个Flutter应用程序,其中包含可以从 aBottomNavigationBar和 a访问的部分Drawer。我在我的应用程序的根级别有这个工作Scaffold,然后我使用Navigator小部件在每个部分中创建单独的路由和堆栈。当BottomNavigationBar我将新屏幕推送到堆栈上时,这些仍然存在,并且这些新屏幕将有自己的AppBar和特定于这些用户旅程的操作。

问题是我需要Drawer出现在我的所有屏幕上,并且在单个屏幕上设置一个新AppBarScaffold会删除Drawer我在根级别中设置的Scaffold

我怎样才能将它Drawer传递给我的所有屏幕AppBar实例?我不想Drawer在多个小部件上创建新实例,所以我应该创建一个SingletonDrawer什至整个Scaffold? 这里的最佳做法是什么?