问题标签 [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.
listview - 当子可滚动到达顶部时如何自动开始滚动父可滚动小部件
这似乎很自然,甚至可能是意料之中的,但我仍然没有找到任何可能有帮助的东西。我在另一个可滚动小部件(父级)中有一个 ScrollablePositionedList(几乎与 ListView 相同)(我已经尝试过 CustomScrollView 和 ListView,甚至是 NestedScrollView),我想让它看起来这样当我滚动到孩子的顶部时可滚动并且仍然滑动我实际上在父可滚动中滚动。欢迎任何帮助,谢谢!
flutter - CustomScrollView 未检测到滚动
我是新来的颤振,想知道是否有人可以帮助我处理滚动机制。我是SliverAppBar
第一次尝试,它与杆本身的运动正常工作。但是,我有一个ListView.builder
构建我放置在 sliverfillremaining 中的小部件,它没有检测到列表的移动。任何帮助将不胜感激。
笔记列表
flutter - 自定义滚动视图在 Sliver Persistent Header 下滚动
CustomScrollList 在 sliverPersistentHeader 选项卡下滚动。默认选项卡控制器
- 嵌套滚动视图
- SliverAppBar
- SliverPersistentHeader -body: CustomScrollView - slivers: SliverChildBuilderDelegate
SliverPersistentHeader 的所有选项卡都显示在顶部(TabBar)
Nested ScrollView 的主体是 CustomScrollView ,它有 SliverChildBuilderDelegate 有一个孩子。
在滚动列表时,我的列表滚动到 sliver 持久标题的选项卡后面。似乎 sliverPersistentHeader 是透明的,后面可以看到列表滚动。
为了解决这个问题,我尝试了 SliverOverlapInjector 和 SliverOverlapAbsorber,但这并没有帮助。
CustomScrollView 滚动问题图像是第 4 个,以便更好地理解。滚动时的葵花籽油卡片到达标签栏后面。
图片:
flutter - Flutter:创建一个滚动视图,在允许列表滚动之前收缩中心项目
我正在创建一个滚动视图,该视图用一些额外的空间垂直填充该中心项目。我想完成两件事:
1- 以用户移动手指的相同速率缩小中心项目的填充。例如,如果中心项目的填充是 50 像素并且用户将手指移动了 10 像素,那么我想将填充减少到 40。
2-我想停止列表视图实际滚动,直到中心项的填充为 0。一旦中心项的填充为 0,列表视图应该正常滚动。
我在这里有点迷路了。我一直在尝试实现我自己的 ScrollController 和 ScrollPhysics,但我无法完全实现我正在寻找的东西。我还看到 Flutter 中有一个名为 ScrollPosition 的类,它控制每个滚动小部件的位置,但我无法弄清楚如何使用它们来完成我正在寻找的行为。
有人能指出我正确的方向吗?
android - 鼠标滚动在 SliverAppbar() 或 SliverAppbar() 上不起作用 Flutter Web 浮动不起作用
当我在CustomScrollView()中使用SliverAppBar()时,SliverAppBar()浮动:true不能通过鼠标滚动工作
),
flutter - 在 CustomScrollView 颤动中检测 DragEnd?
我想检测CustomScrollView
我所做的拖动的垂直端是这样的:
但它不起作用,这两个小部件似乎有冲突,我正在寻找解决这个问题的方法
flutter - 从详细信息屏幕返回时如何更新 CustomScrollView
我有一个脚手架,其中包含一个CustomScrollView显示用户未尝试过的项目列表(另一个显示用户已尝试过的项目)。
使用出色的包flutter_sticky_header,我使用各种SliverStickyHeaders和SliverLists填充CustomScrollView以获得以下内容:
SliverLists由一些 GestureDetector '按钮'组成,当使用以下内容点击时,这些按钮会将用户带到DetailScreen:
在DetailScreen上,用户可以指示他们是否尝试过该项目,并且当他们弹回第一个屏幕和CustomScrollView时,他们按下的按钮上的图标会更新以显示已尝试项目的复选标记和“>”那些他们没有的。
不幸的是,当用户弹回“未尝试”的项目列表时,他们刚刚表示“已尝试”的项目仍然存在,并且一直存在,直到用户导航离开和返回。
我想要做的是更新/刷新/重建整个列表,以便当用户在将项目从“未尝试”更改为“已尝试”后弹出时,该项目不再在未尝试项目列表中(反之亦然)。
基本上,当用户弹出时,我可以更新将它们带到DetailScreen的特定小部件的状态,但无法弄清楚如何更新/刷新父级CustomScrollView小部件的状态。
flutter - Flutter:将 SliverAppbar 与 Column 小部件相结合
我正在尝试为应用程序创建一个事件页面,用户可以在其中查看具有横幅图像和其他一些有用信息的事件。我真的很喜欢用横幅实现 SliverAppBar 的想法,这样用户可以滚动查看更多信息。为此,我似乎需要一个带有 SliverAppBar 和 FlexibleSpaceBar 的 CustomScrollView。
我在网上看到的所有教程都假设屏幕的其余部分应该是一个列表,但我更想要一个类似 Column 小部件的东西。但是,Column 具有无限的高度,这会导致 CustomScrollView 中的溢出错误。我可以将它包装在一个具有指定高度的容器中,但是主体的内容是可变大小的,所以这并不理想。有没有办法让 SliverAppBar 和 Column 并排工作?
我想要一些类似的东西:
这应该是可能的,因为在我看来这是一种常见的模式,但我环顾四周,只能找到正文由列表组成的示例......