问题标签 [flutter-sliver]

我试图SliverStaggeredGrid在SliverToBoxAdapter.
我已经将包导入flutter_staggered_grid_view: "^0.2.5"并pubspec.yaml使用

但不工作。

DartAnalysis 正在返回：

这是我的第一个问题，所以如果我没有很好地介绍我的问题，那我就不好了。

我已经尝试更新版本pubspec.yaml，尝试使用SliverStaggeredGrid.countBuilder但没有成功。
我的 Flutter 版本是最新的。

发布规范依赖项

查看错误

如何在 CustomScrollView 底部制作按钮固定“粘滞”

如何实现像截图 https://i.stack.imgur.com/RDCn9.png

所以我试图在每个 SliverItem 中使用粘性标题进行双向滚动。

我使用https://github.com/fluttercommunity/flutter_sticky_headers作为项目在两个方向上无限滚动。

这是一些截屏视频 - https://i.ibb.co/ZLJvwsG/sticky-jump.gif

或https://ibb.co/98vBfXc

问题是当两个 SliverLists 在视口中可见时，粘性标题开始跳跃。StickyHeader 包非常简单——它只是markNeedsLayout在滚动位置发生变化时更新标题 el 的位置（作为侦听器）。

这是位置计算 - https://github.com/fluttercommunity/flutter_sticky_headers/blob/master/lib/sticky_headers/render.dart#L94

这是事件绑定https://github.com/fluttercommunity/flutter_sticky_headers/blob/master/lib/sticky_headers/render.dart#L79

_scrollable有定义Scrollable.of(context);

它看起来像或滚动事件触发了一些延迟，或者视口重绘，创建了这种类型的效果。

需要一些帮助或解决方案或解释 - 为什么会发生？

真的，只要解释一下原因就足够了）我想首先了解为什么会发生这种情况。因为有了理解，我将能够提供有效的解决方案）

更新

好的，所以过了一段时间我发现原来的问题是什么。为了根据需要制作滚动列表，我制作了自己的包来解决这个问题）

https://github.com/TatsuUkraine/flutter_sticky_infinite_list

我改变了大多数此类包在滚动事件上的绑定方式以及它如何计算粘性项目的位置，因此它没有原始问题中描述的问题

https://github.com/TatsuUkraine/flutter_sticky_infinite_list_example/blob/bdd86fd0bbe8183fc4adda631b8dea353b7afa98/doc/images/base_scroll.gif?raw=true

随意使用和建议）

listview 在 ExpansionTile 内不起作用

我试图在 ExpansionTile 中显示一个 listview.builder 但它会引发一些异常

我想实现这样的https://imgur.com/a/0lubABC

我正在尝试使用 Cupertino 小部件和条子创建搜索栏。目前我有以下结构：

SliverPersistentHeader 有委托，实现方式如下：

屏幕小部件如下所示：

问题是当我专注于文本字段时，看起来键盘试图显示但随后立即隐藏。我在想这种行为是由于滚动视图事件而出现的，但是将 ScrollController 添加到 CustomScrollView 并没有给我任何结果（聚焦文本字段时没有滚动事件）。

我还认为该问题仅出现在模拟器中，但在真实设备上的行为是相同的。

这是问题的视频演示：

更新：感谢Raja Jain，我发现问题不在于条子或CategoriesScreen小部件本身，而在于CupertinoTabScaffold该小部件的包装位置。如果我直接删除CupertinoTabScaffold并将CupertinoApp's home 小部件设置为CategoriesScreen小部件，问题就会消失。这是我的main.dart这里，希望它会有所帮助，但我不知道如何，因为它没有什么特别之处：

我正在尝试创建一个具有 WebView 的屏幕（来自webview_flutter: ^0.3.5+3）和一个AppBar我想在用户滚动时滚动到屏幕外的屏幕。

我偶然发现了这个指南并尝试实现类似的东西，但没有骰子。
有没有办法WebView在CustomScrollViewwith中使用 aSlivers或者这还不支持？

SliverChildListDelegate如果我在我的（我尝试过Row，等）中创建常规小部件，我可以让滚动应用栏工作Text，Container但没有运气使用WebView.

欢迎任何指针/建议/RTFM。

编辑赏金

jordan-davies 提供的解决方案有效，但非常不稳定。每当SliverAppBar滚动离开时，都会WebView尝试调整自身大小以填充剩余的视口。这会导致非常不稳定/缓慢的体验。

有没有更好的办法？

我最初在 Column 中有空的 Widget 列表。现在在其他小部件上单击我在 _contactItems 添加新的自定义小部件

现在假设我有 6 条记录（列中有 6 个自定义小部件）。我正在尝试删除索引明智的记录（例如。我正在删除第 3 条记录，然后是第 1 条记录。列小部件（动态小部件）应更新为 _contactItems 更新setState()）

现在在CustomWidget上单击我正在从 Column 中删除该特定的 CustomWidget 。

也试过了

我有一个 SliverAppBar，在它下面有一个 SliverList。

第一个 SliverList 项目离 SliverAppBar 太近。我想在 SliverAppBar 下方或 SliverList 上方添加一些间距。

如何才能做到这一点？

我的 SliverAppBar 中有一个背景图像。我已经尝试过 BoxFit.contain、BoxFit.fill...等，但它们都不适合我想做的事情。

这是我能得到的：

但这就是我想要的：

我看到有 BoxFit.values 但我找不到任何说明如何使用它的文档（如果它是正确的？）

这是我的代码：

如何构建两个垂直显示的列表，以便构建一个项目列表，然后按垂直顺序排列第二个。