问题标签 [customscrollview]

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

flutter - Flutter:嵌套 ListView 有效。嵌套的 SliverList 没有,但 ListView 包含 Sliver

我遇到了一个特定的问题。我能够组成一个ListView包含水平ListViews 的垂直外部。把它想象成 Facebook 上的多个 Friend Suggestion Row 堆叠在一起。这工作正常。

因为我想利用 a 附带的特权SliverAppBar,所以我需要将 aCustomScrollView作为父Widget级,然后在其slivers集合中只添加 slivers。

当我尝试在 中添加 aSliverListSliverChildBuilderDelegate,我得到了各种各样的错误,主要是与渲染相关的类型错误。似乎对一个SliverChildBuilderDelegate可以建造的孩子有一个限制。

如您所见,我尝试将 Widget 包装SliverList在非 sliver 类型的 Widget 中,但无济于事。

我尝试使用它来解决它,NestedScrollView但我不断收到相同类型的错误。

有没有人遇到过这种情况。我浏览了源代码,我可以看到它ListView基本上是一个BoxScrollView带有内部的ScrollView.

我是否需要创建一个专门的 Widget 来完成这个布局设计。如果是这样的话,我已经对 Flutter 摸不着头脑了。

0 投票
1 回答
491 浏览

flutter - 在 Flutter 测试中查找 CustomScrollView 内的小部件


我在尝试测试我的 Flutter 应用程序时遇到了错误。我有一个自定义小部件,它位于小部件的底部(在第一个视口之外)CustomScrollView。在我的测试中,我想验证它确实存在。
我已经尝试过使用WidgetTester.scrollUntilVisibleas well WidgetTester.drag(就像在颤振框架的测试中所做的那样)。此外,我试图用它来重构我的测试,FlutterDriver这完全把其他一切都搞砸了。
如何滚动到CustomScrollView测试内部的底部?
这个最小复制显示了包含CustomScrollViewContainer 小部件的应用程序,该小部件具有一个屏幕的高度(因此我要查找的小部件不在初始视图中)

这是我最初为查找小部件而编写的测试,当然失败了。

在本次迭代中,我使用了该WidgetTester.scrollUntilVisible函数,但出现以下错误。

我感谢任何有关如何解决此问题并成功测试我的帮助或建议CustomScrollView

0 投票
1 回答
152 浏览

flutter - 如何在 CustomScrollView 中的另一个小部件上检测定位小部件上的点击(或任何其他手势事件)?

这是一个小部件树:

结果是: Flutter 溢出截图

我可以处理蓝色箭头指向的点击区域,而不能处理红色箭头所在的位置。

如果是网络,我会使用z-index属性,但我如何在 Flutter 中做同样的事情?

0 投票
1 回答
663 浏览

flutter - CustomScrollView:SliverAppBar下的Body滚动

颤振飞镖垫

SliverAppBar在一个内有多个CustomScrollView,屏幕的主体在 内SliverFillRemaining


顶部 SliverAppBar 已固定
中间 SliverAppBar 是一个图像,将在用户滚动时折叠
底部 SliverAppBar 是一个固定的 TabBar,在图像完全折叠后将保持在第一个 SliverAppBar 下方

目前的经验是,最初滚动时,body 滚动到最下面的 SliverAppBar 下。我已经尝试使用 SliverOverlapAbsorber/Injector,但这只是在主体顶部添加了一个空间,以便空间重叠而不是主体,但这不是我想要的。


我希望 body 和 SliverAppBars 一起滚动,直到 Middle SliverAppBar 完全折叠,然后我希望 body 滚动。

我已经为此工作了几个小时,你如何阻止身体在滚动上重叠?

0 投票
1 回答
314 浏览

flutter - 用 Streambuilder 包装 CustomScrollView 和 Sliverlist 会引发异常

我试图在 a和 aStreambuilder中显示检索到的数据时使用 Firebase firestore 监听实时文档,但是当我这样做时,列表中断并且屏幕保持空白。CustomScrollViewSliverList

我尝试了一个FutureBuilder并且它有效,但它不能满足我的要求。

这是我为流构建器编写的代码:

捕获的异常:

0 投票
0 回答
396 浏览

flutter - Sliver 不允许设置容器的最大宽度?

我正在尝试制作一个在移动设备和桌面设备上运行良好的响应式页面。我在 NestedScrollView 中使用 SliverAppBar。问题是在 NestedScrollView 中完全忽略了容器的 maxwidth 约束。此行为也与 CustomScrollView 相同。

如何在 NestedScrollView body 小部件中限制 Container 的大小。

下面是代码:

在我上面的代码中,您可以注意到正在使用 maxWidth 约束,

但是这些 maxWidth 约束被完全忽略了,它占据了可用屏幕的整个宽度。

我想让 NestedScrollView 具有全屏宽度,从而使 SliverAppbar 覆盖整个屏幕宽度。

到目前为止,我了解约束根据其父项的大小获取宽度。在这种情况下,父 NestedScrollView 采用全屏宽度,因此忽略 ConstrainedBox maxWidth 属性。

那么如何使 SliverAppBar 的大小全宽并仍然设置 Max。容器的宽度?

请建议如何解决这个问题。

谢谢

0 投票
1 回答
610 浏览

flutter - Flutter NestedScrollView header 用 TabBar 和 TabbarView 弹跳

在此处输入图像描述

  1. 当我想向上拖动它时,可以向上拉动标题拉刷新。
  2. 标签栏粘性。
  3. ListView 可以滑动到另一个页面。
0 投票
0 回答
184 浏览

flutter - Flutter - CustomScrollView 的子项上的 RefreshIndicator

所以,我有CustomScrollViewaSliverAppBar和 a SliverList。有SliverList多个非 sliver 子小部件。

CustomScrollView我希望下拉刷新的内容(非 sliver 孩子) 。我不想将RefreshIndicator滚动视图放在顶部,因为这也会重新加载SliverAppBar.

我尝试用一​​个 Column 包装所有非银色子级并将该 Column 包装在 RefreshIndicator 中,但这不起作用。

我该怎么做呢?谢谢。

0 投票
0 回答
54 浏览

flutter - 网页在颤动中不可滚动

我使用 CustomScrollview->SliverAppBar->SliverFillRemaining->WebView。出现的问题是网页不可滚动。当我删除 SliverAppBar 时,它可以正常工作。但是当使用 SliverAppBar 时它不能正常工作。我应该如何解决这个问题?

0 投票
1 回答
61 浏览

flutter - GridView 的 shrinkWrap 不会在颤动中尽可能地缩小?

我在将 shrinkWrap 设置为 true 的情况下创建了一个 GridView(我希望 GridView 将完全按照内容的大小进行收缩)。

但在我的演示中(绿色背景颜色表示 GridView红色表示 GridView 中的内容小部件

我发现,GridView 不会缩小到尽可能小的内容。GridView 的高度比 GridView 的内容高度稍大。

是什么让 GridView 不会缩小到尽可能小?

在此处输入图像描述