问题标签 [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 回答
304 浏览

flutter - tabbarview 中的小部件需要额外的底部间距。如何根据内容证明它们的高度?

我的标签栏和卡片小部件中有两个标签,它们构成了两个标签栏视图。在这种情况下,我使用的是 Slivers。CustomScrollView 是我的父小部件。我在这些视图中显示文本,但它们从底部占用了额外的空白间距,我想摆脱它。如果这些小部件放置在 tabbarview 之外,它们可以正常工作并根据它们的内容调整高度。我在外面添加的最后一个小部件tabbarview,你可以看到它工作正常。

在此处输入图像描述

这是我的代码:

0 投票
0 回答
127 浏览

listview - 当子可滚动到达顶部时如何自动开始滚动父可滚动小部件

这似乎很自然,甚至可能是意料之中的,但我仍然没有找到任何可能有帮助的东西。我在另一个可滚动小部件(父级)中有一个 ScrollablePositionedList(几乎与 ListView 相同)(我已经尝试过 CustomScrollView 和 ListView,甚至是 NestedScrollView),我想让它看起来这样当我滚动到孩子的顶部时可滚动并且仍然滑动我实际上在父可滚动中滚动。欢迎任何帮助,谢谢!

0 投票
1 回答
2374 浏览

flutter - CustomScrollView 未检测到滚动

我是新来的颤振,想知道是否有人可以帮助我处理滚动机制。我是SliverAppBar第一次尝试,它与杆本身的运动正常工作。但是,我有一个ListView.builder构建我放置在 sliverfillremaining 中的小部件,它没有检测到列表的移动。任何帮助将不胜感激。

笔记列表

0 投票
1 回答
3423 浏览

flutter - 自定义滚动视图在 Sliver Persistent Header 下滚动

CustomScrollList 在 sliverPersistentHeader 选项卡下滚动。默认选项卡控制器

  • 嵌套滚动视图
    • SliverAppBar
    • SliverPersistentHeader -body: CustomScrollView - slivers: SliverChildBuilderDelegate

SliverPersistentHeader 的所有选项卡都显示在顶部(TabBar)

Nested ScrollView 的主体是 CustomScrollView ,它有 SliverChildBuilderDelegate 有一个孩子。

在滚动列表时,我的列表滚动到 sliver 持久标题的选项卡后面。似乎 sliverPersistentHeader 是透明的,后面可以看到列表滚动。

为了解决这个问题,我尝试了 SliverOverlapInjector 和 SliverOverlapAbsorber,但这并没有帮助。

CustomScrollView 滚动问题图像是第 4 个,以便更好地理解。滚动时的葵花籽油卡片到达标签栏后面。

图片:

银重叠吸收器

银重叠喷油器

自定义滚动视图

重叠问题

0 投票
1 回答
84 浏览

flutter - Flutter:创建一个滚动视图,在允许列表滚动之前收缩中心项目

在此处输入图像描述

我正在创建一个滚动视图,该视图用一些额外的空间垂直填充该中心项目。我想完成两件事:

1- 以用户移动手指的相同速率缩小中心项目的填充。例如,如果中心项目的填充是 50 像素并且用户将手指移动了 10 像素,那么我想将填充减少到 40。

2-我想停止列表视图实际滚动,直到中心项的填充为 0。一旦中心项的填充为 0,列表视图应该正常滚动。

我在这里有点迷路了。我一直在尝试实现我自己的 ScrollController 和 ScrollPhysics,但我无法完全实现我正在寻找的东西。我还看到 Flutter 中有一个名为 ScrollPosition 的类,它控制每个滚动小部件的位置,但我无法弄清楚如何使用它们来完成我正在寻找的行为。

有人能指出我正确的方向吗?

0 投票
1 回答
560 浏览

android - 鼠标滚动在 SliverAppbar() 或 SliverAppbar() 上不起作用 Flutter Web 浮动不起作用

当我在CustomScrollView()中使用SliverAppBar()时,SliverAppBar()浮动:true不能通过鼠标滚动工作

),

0 投票
1 回答
615 浏览

flutter - 在 CustomScrollView 颤动中检测 DragEnd?

我想检测CustomScrollView我所做的拖动的垂直端是这样的:

但它不起作用,这两个小部件似乎有冲突,我正在寻找解决这个问题的方法

0 投票
0 回答
35 浏览

flutter - 从详细信息屏幕返回时如何更新 CustomScrollView

我有一个脚手架,其中包含一个CustomScrollView显示用户未尝试过的项目列表(另一个显示用户已尝试过的项目)。

使用出色的包flutter_sticky_header,我使用各种SliverStickyHeadersSliverLists填充CustomScrollView以获得以下内容:

SliverLists由一些 GestureDetector '按钮'组成,当使用以下内容点击时,这些按钮会将用户带到DetailScreen

DetailScreen上,用户可以指示他们是否尝试过该项目,并且当他们弹回第一个屏幕和CustomScrollView时,他们按下的按钮上的图标会更新以显示已尝试项目的复选标记和“>”那些他们没有的。

不幸的是,当用户弹回“未尝试”的项目列表时,他们刚刚表示“已尝试”的项目仍然存在,并且一直存在,直到用户导航离开和返回。

我想要做的是更新/刷新/重建整个列表,以便当用户在将项目从“未尝试”更改为“已尝试”后弹出时,该项目不再在未尝试项目列表中(反之亦然)。

基本上,当用户弹出时,我可以更新将它们带到DetailScreen的特定小部件的状态,但无法弄清楚如何更新/刷新父级CustomScrollView小部件的状态。

0 投票
4 回答
2844 浏览

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

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

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

我想要一些类似的东西:

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

0 投票
0 回答
164 浏览

flutter - 如何防止列表隐藏在 SliverPersistentHeader 中的选项卡栏下颤动?

我正在制作 tiktok 克隆颤振应用程序

现在我在个人资料屏幕上

1

我是这样弄的 在此处输入图像描述

如你看到的 ,

当我向上滚动时,gif 列表隐藏在 SliverPersistentHeader 下,因此图片不是全尺寸

这是我想修复它我想防止隐藏在 SliverPersistentHeader 的标签栏下,如 tiktok 个人资料屏幕

这是我的代码