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

flutter - 如何为未来的构建器主体显示 sliver 应用栏

我有一个未来的页面主体构建器。我实现页面的方式是 FutureBuilder 中的 CustomScrollView。(基于这个问题How to use FutureBuilder inside SliverList的公认答案)

所以整个页面、sliver app bar 和 body(sliver 网格)都在等待未来。

我希望应用栏不要等待未来的构建器,并且总是出现,因为只有银色网格取决于未来。

这甚至可能吗?

}

0 投票
1 回答
696 浏览

image - FlexibleSpaceBar 背景图像在折叠时保持一定的不透明度

我在我的项目中使用 SliverAppBar。我在“灵活空间”参数中设置了背景颜色和背景图像。但是,当应用栏折叠时,图像并没有完全淡出成为我选择的“背景颜色”,但我在“灵活空间”中选择的背景图像即使失去了一定程度的不透明度,仍然在背景中可见。

这是小部件中的代码。谢谢。

0 投票
1 回答
198 浏览

flutter - CustomScrollWidget、SliverList、SliverChildBuilderDelegate 不断重建并降低性能。扑

我正在考虑实现 SliverAppBar 和它下面的 Scrollable 项目,所以我现在有这个代码:

print(index) 语句每秒不断执行。任何想法为什么会发生这种情况?第一次合作SliverList

PS如果你把一些ListTiles 例如放在里面SliverChildBuilderDelegate它仍然会不断地执行 print 语句。

0 投票
1 回答
256 浏览

flutter - SliverAppBar flexibleSpace shouldn't show in scroll back up

I'm using flexibleSpace in SliverAppBar with floating: true, pinned: false, snap: true: When I scroll back up. It shows AppBar and flexibleSpace space https://flutter.github.io/assets-for-api-docs/assets/material/app_bar_floating_snap.mp4. But that I want is When user scroll bottom it should hide app bar and flexibleSpace and when user scroll to up it should show only appBar. Until scroll arrive to first of page and it should show flexibleSpace also.

0 投票
4 回答
2844 浏览

flutter - Flutter:将 SliverAppbar 与 Column 小部件相结合

我正在尝试为应用程序创建一个事件页面,用户可以在其中查看具有横幅图像和其他一些有用信息的事件。我真的很喜欢用横幅实现 SliverAppBar 的想法,这样用户可以滚动查看更多信息。为此,我似乎需要一个带有 SliverAppBar 和 FlexibleSpaceBar 的 CustomScrollView。

我在网上看到的所有教程都假设屏幕的其余部分应该是一个列表,但我更想要一个类似 Column 小部件的东西。但是,Column 具有无限的高度,这会导致 CustomScrollView 中的溢出错误。我可以将它包装在一个具有指定高度的容器中,但是主体的内容是可变大小的,所以这并不理想。有没有办法让 SliverAppBar 和 Column 并排工作?

我想要一些类似的东西:

这应该是可能的,因为在我看来这是一种常见的模式,但我环顾四周,只能找到正文由列表组成的示例......

0 投票
0 回答
31 浏览

flutter - 当我启用辅助功能时,flutter SliverAppBar FlexibleSpaceBar 无法检测到

当我启用辅助功能时,SliverAppBar 中的flexibleSpace 中的内容无法检测到。

我试试这个示例 https://api.flutter.dev/flutter/material/FlexibleSpaceBar-class.html

0 投票
1 回答
1032 浏览

flutter - 当我向上滚动时,SliverAppBar 中的 FlexibleSpace 没有隐藏它的内容

问题:

在此处输入图像描述 在此处输入图像描述

为什么flexibleSpace我向上滚动时里面的内容没有隐藏?

这是我的代码:

编辑:我试过这个,但没有用。

在此处输入图像描述 在此处输入图像描述

0 投票
1 回答
1432 浏览

flutter - 像 Flutter 中的标题文本一样收缩 SliverAppBar 图像动画

我正在尝试复制带有图像的 SliverAppBar 自然产生的文本缩小效果,以便 sliverhead 的背景图像缩小为 sliverAppBar 应用栏中的前导图标。

我尝试使用 AnimatedPostioned 颤振小部件以及滚动控制器,该控制器isSkrink在页面滚动时切换布尔值的状态。

下面是 AnimatedPosition 小部件:

下面是 SliverAppBar 堆栈中的 AnimatedPositioned 和 SliverAppBar 的前导参数中的用户图标

这是上面代码的结果:

在此处输入图像描述

0 投票
1 回答
207 浏览

flutter - 颤动中 SliverAppBar 和 ListView 之间的奇怪空间

我在 Flutter 文档的例子中写了一个 NestedScrollView 接口,但是当我把 ListView 看成 body 的时候,发现 ListView 和 SliverAppBar 之间有一个奇怪的间隙。我能做些什么来消除这个差距

在此处输入图像描述

0 投票
2 回答
1209 浏览

flutter - 有没有办法在颤振中使用像 sliverappbar 这样的容器?

前两天在flutter中学习了sliver widget的使用,正在用它来提升自己的技能。我正在构建一种想象中的项目,在那里我遇到了一个问题。

让我们想想,在 x 小部件下我的身体容器中有 15 个容器,它们允许它们垂直滚动。现在,我的目标是,当我滚动时,我希望当 5 号容器到达顶部时,5 号容器会卡在那里像 appbar 或像 sliver appbar 一样,其他人会在它下面滚动。

在这里,我在 CustomScrollView 小部件下使用 sliver 和 SliverFixedExtentList 来了解我的目标,如果有任何其他没有 slivers 的选项,请随时与我分享。提前致谢 :)