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

flutter - SliverList 如何在 CustomScrollView 中的 SliverAppBar 上叠加

想在图片上头像部分浮动 ,头像有如下列表或内容,下拉时不要拉伸

slivers使用StackRenderViewport 需要一个 RenderSliv​​er 类型的子级,但收到了一个 RenderStack 类型的子级。

为什么只有SliverList、SliverFixedExtentList、SliverGrid、SliverPadding、SliverAppBar...可以在slivers中使用?

0 投票
2 回答
6211 浏览

flutter - Flutter 中的 Instagram 个人资料页眉布局

我一直在研究 SliverAppBar、CustomScrollView、NestedScrollView、SliverPersistentHeader 等。我找不到一种方法来构建类似 Instagram 用户个人资料屏幕标题的东西,其中只有标签栏被固定。屏幕的主体是一个 TabBarView,每个窗格都有一个可滚动的列表。

使用 SliverAppBar,很容易在底部参数中添加 TabBar。但我想在该 TabBar 上方有一个未知/可变高度的额外小部件。当页面滚动时,额外的小部件应该滚动出去,然后 TabBar 是固定在屏幕顶部的。

在此处输入图像描述

我所能管理的只是标签栏和固定标签栏之前的固定内容。我无法让标题向上滚动并将TabBar顶部粘贴在AppBar.

在此处输入图像描述

0 投票
1 回答
1146 浏览

flutter - CustomScrollView 内的 Flutter SliverPersistentHeader 在到达底部小部件之前达到 maxScrollExtend

截屏

我正在尝试实现垂直可滚动的堆叠卡片列表视图。当我使用堆栈时,我无法顺利滚动它们。所以我决定使用 CustomScrollView 和 SliverPersistentHeader。不幸的是,SliverPersistentHeader 列表在滚动时无法触及底部小部件。谁能拯救我的一天?

0 投票
1 回答
1189 浏览

flutter - Flutter嵌套的CustomScollView无法滚动子滚动视图

当嵌套的 CustomScrollView 的收缩包装设置为 true 时,我无法折叠子条。

如何滚动 customScrollViews 并使子 customScrollView 可折叠到最小高度。

这是现场演示

我的最终目标是制作带有滚动动画的堆栈卡列表视图

还有其他解决方案吗?或者有办法解决这个问题?

给我一些建议大师:)

0 投票
1 回答
315 浏览

flutter - Flutter Horizo​​ntal CustomScrollView with Snap & Floating

有什么方法可以构建一个功能类似于 SliverAppBar 的 Sliver 小部件?当 scrollDirection 为水平时,SliverAppBar 不能很好地与 CustomScrollView 配合使用。我想要一个小部件,其中 snap 和 float 为 true,但 pinned 为 false。出于这个原因,我认为 StickyHeader 不是一个好的选择。

本质上,我希望制作一个像 SliverAppBar 这样的小部件,其中向左滚动显示一个 iconButton 并一直滚动到开始将该 IconButton 扩展为一个平面/凸起按钮(这将是灵活空间)。

有任何想法吗?

0 投票
1 回答
1035 浏览

flutter - 颠倒在 Flutter 中构建 SliverFixedExtentList 的顺序

我的应用程序主页上有一个 FutureBuilder,它在未来完成后返回一个 SliverFixedExtentList。它看起来像这样:

Future 从数据库中获取文档列表,然后将它们按顺序传递给将数据包装在 Card 中的辅助类。问题是这个实现将最新的文档放在底部,而我希望它们放在顶部。我可以更改从数据库中检索文档的顺序Firestore.instance.collection(path).orderBy('date', descending: true).getDocuments();,但是由于每次返回页面时列表都不会完全重建,因此除非我重建应用程序,否则新数据根本不会显示。我还尝试reverse: true在自定义滚动视图中进行设置,但这会反转所有内容,包括 SliverAppBar。

有什么方法可以翻转 SliverFixedExtentList 的构建方式,以便更高的索引位于顶部?

0 投票
1 回答
202 浏览

flutter - 如何将滚动发光放在 sliverList 而不是 customScrollView 中?

发光就像整个屏幕是一个列表。有什么方法可以将发光放在应用栏下方?(编辑:不失appbar的浮动效果)

<code>**</code>在此处输入图片描述<code>**</code>

0 投票
0 回答
894 浏览

flutter - Flutter for Firestore 中的 Streambuilder

嗨,我是 Flutter 的新手,我正在尝试使用流构建器从 Firestore 中获取数据,并在从 Firebase 数据库中获取数据时显示一个微调器。我尝试实现一个流构建器和未来构建器。我有一个从 Firestore 获取数据的函数,然后我将数据传递给另一个函数以填充银色网格。有人可以帮帮我吗?

0 投票
2 回答
5423 浏览

flutter - 如何在颤动的滚动视图中将容器或任何其他小部件固定在应用栏下方

我希望在滚动屏幕时将小部件放置在应用程序下方。屏幕包含一个具有灵活空间的浮动应用栏 (sliverappbar),在其下方有一个容器,其中包含任何容器或选项卡视图。链接中的视频是我想要的效果的示例。

0 投票
0 回答
204 浏览

listview - 以编程方式滚动到 Flutter 上的 CustomScrollView 项

我正在尝试在颤振中创建一个自定义小部件,该小部件由两个相邻的可滚动项目组成。右边的一个包含分成不同部分的主要数据(相同的列表,我为包含标题的部分标题使用了一个粘性标题),左边的一个包含右边的部分(或快捷方式)。例如,如果我按下左侧列表的第三项,我将自动向下滚动到右侧列表的第三部分。这些项目没有相同的高度。这是一个视频,显示了我正在寻找的内容。 这正是我想要实现的目标

我使用了一个 CustomScrollView 并导入了一个粘性头库,但我没有找到一种以编程方式滚动到其中任何一个的方法。请问有什么帮助吗?

我在这里找到了粘性头库: https ://pub.dev/packages/flutter_sticky_header