问题标签 [sliverappbar]

基于此设计：

我正在尝试使用SliverListwithSliverAppBar但似乎无法重叠项目，因此当应用左上角和右上角半径时，前一个项目的颜色会出现。它类似于另一个帖子：如何在 SliverAppBar 上重叠 SliverList

但我试图将其Stack应用于所有SliverList孩子。到目前为止，我完成的最好的是一种解决方法，我将项目包装在另一个项目中Container并应用以前的背景颜色：

谢谢！

我想使用SliverAppBar带有TextField内部的搜索来实现类似的目标。当用户向上滚动时，TextField应该向上滚动并固定到appBar. 但是，我一直无法做到这一点。

这是我的代码：

我的搜索在展开时超出了界限，appBar并且在向上滚动时效果不佳。我该怎么办？

我很难制作自定义折叠工具栏，下面附上一个正常情况的视频。

然后这是不当行为的屏幕记录，大多数情况下都会发生这种情况。

除了滚动不是那么快的事实之外，您会在第二个视频中看到顶部的条子没有完全折叠。

您对提高应用程序的性能和错误的解决方案有什么建议吗？

这是我里面的代码SliverPersistentHeaderDelegate

我正在尝试制作一个页面，其中包含一个SliverAppBar、一些带有文本的小部件和一个List.

我使用了NestedScrollView包含 Sliver 标头的 a Column，以及本身包含带有文本和列表的小部件的 a 。

这是build功能：

功能是主要问题，这里_offer是：

这是结果：

链接到 gif：https ://ibb.co/x8j6vvm

（如果有人知道如何在问题中集成 gif，请随时编辑它！）

我希望从第二个“TestName1”到心脏图像的数据与页面的其余部分一起完全滚动。我怎样才能做到这一点？

SliverAppBar我正在尝试使用 Hero 小部件向颤动添加动画。

我在FlexibleSpaceBarSliverAppBar 中显示时间，并且我已经设计了它，当用户向下滚动时，原始AppBar标题小部件**（当前为一列）** 被替换为内部存在的小部件FlexibleSpaceBar（也是一列）。

我已将两个列小部件都包含在其中，Hero但更改不是动画的。 在此处输入图像描述

Sliver AppBar 有不同的滚动条，SliverList 有自己的滚动条。

如果我尝试从 sliver appbar 滚动，那么只有两个滚动，但如果我从 sliver 列表滚动，则只有 sliver 列表滚动，并且 sliver appbar 具有其完整的展开高度。

我曾尝试设置物理来删除内部滚动，但仍然有两种不同的滚动

我已经使用 sliver 应用栏来获得扩展和可折叠的应用栏视图，我想知道当用户触摸折叠应用栏时是否有任何方法可以扩展 sliver 应用栏。

我正在研究您可以在下面的屏幕截图中看到的概念：

设计理念

注意：箭头不是 UI 的一部分，而是为了演示可拖动功能而添加的。

屏幕有一个显示位置标题的 SliverAppBar，包含位置描述的 Sliver 主体，并有一个 DraggableScrollableSheet（或类似的替代方案）。向上滚动位置描述时，标题会折叠。当 DraggableScrollableSheet 向上滚动时，它会扩展到屏幕的整个高度。

我试过很多次把它放在一起，但总是有问题。我最后一次尝试是将 DraggableScrollableSheet 添加为 Scaffold 中的“底页：”。由于我有一个 BottomAppBar，它会破坏 UI，看起来如下：

当前的 UI 行为

脚手架

脚手架体

BottomAppBar FAB

FAB 跳转，内容被隐藏。当我设置一个固定大小的容器时，内容又回来了，但 FAB 仍然过着自己的生活:)

当前用户界面行为2

如果有人知道如何解决这个问题/这些问题请分享，我将非常感激！

我在 sliver appbar 中面临 RenderFlex 溢出问题，我尝试过，Expanded widget但直到现在还不好。当向上滚动时会发生这种情况。我应该如何解决？

错误

一个 RenderFlex 在底部溢出了 62 个像素。

代码

情况如下：-我有一个名为 XYZBloc 的 Bloc，它从网络加载数据。我需要将这些列表呈现到 sliverGrid 中。相同的列表与 sliverList 搭配得很好。

商店.dart

加载 sliverGrid 数据的代码：-

主页.dart

我已经尝试了所有可能的调试方式，但我的菜鸟意识无法帮助我理解这个 sliverGrid 如何处理网络数据。任何建议，参考将不胜感激。