问题标签 [flutter-sliverappbar]

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 回答
49 浏览

flutter - 如何将卡片小部件放在 SliverAppBar 中?

我是 Flutter 的初学者。我正在尝试制作这样的小部件。不幸的是,我仍然在努力实施它们。我尝试在容器中使用灵活的空格键并进行一些对齐。但它并没有如我所愿。有没有办法把那张卡放在 SliverAppBar 上?这是我的代码。

标头.dart

是结果

0 投票
1 回答
68 浏览

flutter - Flutter 中的 SliverAppBar 和 SliverPersistentHeader 有什么区别?

SliverAppBar 和 SliverPersistentHeader 之间的主要区别是什么?

它们的使用目的有什么不同?

0 投票
1 回答
60 浏览

flutter - flutter 2 SliverPersistentHeader - 滚动期间避免重叠

这是我的代码:

银条代表的代码来自this stackoverflow post

我的目标是有 2 个SliverPersistentHeader,一个固定,一个浮动。浮动的(第一个)应该在滚动时调整文本和图像的大小..

在下面的屏幕截图中,我们可以看到第二个SliverPersistentHeader与第一个重叠。我该怎么做才能Text调整大小。我尝试Flexible像我一样使用,CircleAvatar但我无法成功:/

second-SliverPersistentHeader-overlap-first-SliverPersistentHeader

谢谢

0 投票
0 回答
31 浏览

riverpod - 颤动的滚动控制器不滚动堆栈的所有成员

我在颤振中使用 Riverpod 进行状态管理。应与 sliverAppBar 中的其他元素一起滚动的堆栈中包含的 fabButton 不滚动。其他元素滚动但 FAB。下面是模拟和代码的图像。不知道为什么以及我做错了什么。也许第三只眼睛和更聪明的头脑可以提供帮助。谢谢。

应用状态 滚动后的状态。 FAB 被抛在后面

代码片段 1

代码片段 2 代码片段 3 代码片段 4 代码片段 5

0 投票
0 回答
15 浏览

flutter - SliverAppBar 和延迟加载的双向无限列表

我正在开发一个公共交通应用程序。在搜索旅行页面上,我会显示未来的旅行以及过去的旅行。到目前为止,我一直在使用InfiniteListView,其中正指数是未来,负指数是过去。

现在我希望搜索框在您滚动时消失。SliverAppBar + SliverList 模式是完美的,但 SliverList 不支持负索引。

有没有办法实现双向 SliverList?还是没有条子的类似行为?有任何想法吗?

0 投票
1 回答
29 浏览

flutter - 当 Sliver App Bar 折叠时,不希望 AppBar 中出现圆角

我正在尝试实现一个布局,其中 Sliver App Bar 在展开时具有圆角底角,但是当它折叠时我不想要那些圆角。

实际行为:

在此处输入图像描述

在此处输入图像描述

在此处输入图像描述

预期行为:

在此处输入图像描述

在此处输入图像描述

这是我的 SliverAppBar 代码:

0 投票
1 回答
35 浏览

flutter - 使用 SliverAppBar 时如何使身体的一部分可滚动而其他部分固定

我正在尝试制作一个颤动的 UI,其中我正在使用 SliverAppBar(我提到这一点是因为我需要使用 CustomScrollView 或 NestedScrollView),现在在正文中,我要让前两个元素在到达时不滚动屏幕顶部,而底部列表。使用 CustomScrollView,它要么作为一个整体滚动,要么根本不滚动(包括 Appbar)。在 NestedScrollView 中,如果我使用 NeverScrollableScrollPhysics,则应用栏会滚动,而正文则不会。现在我可以让整个身体可滚动,或者我得到一个像素错误。请帮我。

我在下面添加了 NestedScrollView 代码。一旦条子栏消失,我需要将搜索栏和转到购物车容器固定在顶部。

0 投票
0 回答
28 浏览

flutter - 当 sliverAppBar 折叠并在颤动中展开时,是否可以添加两个不同的背景图像?

折叠的 AppBar 的背景图片

大家好!我想为 SliverAppBar 添加两个不同的图像。一个用于应用栏折叠时,一个用于扩展应用栏。在上图中折叠的应用栏。下图为扩展的应用栏。 扩展的 SliverAppBar 的背景图像

我怎样才能做到这一点?以及如何制作动画图像以平滑地从展开到折叠并反向传输?请帮忙!

0 投票
4 回答
39 浏览

flutter - 如何在颤动中在 AppBar 下方制作持久的 AppBar 和浮动小部件

我想让我的 AppBar 持久化(它不应该像标签栏一样浮动),而我想在 appbar 下方放置一个小部件或说标签栏,它将浮动并固定到 appbar,就像库页面的 spotify 应用程序一样,请参阅下面的正确理解

在此处输入图像描述

到目前为止,我在颤振中使用的条子无法达到我想要的效果,请检查我的代码并纠正我,

0 投票
0 回答
10 浏览

flutter - 在标签更改时动态更改 sliverappbar 中的图像

每当我切换标签时,我都想更改我的 sliver appbar 中的图像,但我不知道 customliverappbardelegate 是否可以处理状态更改。

上面是带有标签栏的自定义条子应用栏的屏幕代码。

下面是包含我要动态更改的图像的自定义应用栏的代码

我尝试使用动态分配图像的解决方案,但我无法让它工作。

什么可能是解决这个问题?