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

flutter - 获取在 Flutter CustomScrollView 中可见/滚动的当前条子

如何获取在 Flutter 中可见/滚动的当前 sliver 项目CustomScrollView

我的里面CustomScrollView有多个SliverGridSliverToBoxAdapter小部件。我想知道当前可见(滚动到)哪个“SliverGrid”。

我也想知道当前可见内的滚动位置SliverGrid

0 投票
1 回答
243 浏览

flutter - 自定义 Flutter 小部件返回两个用于 CustomScrollView / slivers 的小部件

我有一个具有以下结构的 Flutter CustomScrollView:

MyCustomTitleextends StatelessWidgetand inbuild方法返回一个SliverToBoxAdapterwidget,MyCustomSliverGridwidgetextend StatelessWidgetand inbuild方法返回一个SliverGridwidget。

如何实现一个MyCustomSliverGridWithTitle同时返回自定义标题和自定义 SliverGrid 的 Widget ()?从build一个StatelessWidgetI 的方法只能返回一个 Widget,而不是两个。

0 投票
1 回答
135 浏览

flutter - SliverList 的渲染约束

可以对 SliverList 停止渲染的位置设置一些限制吗?例如,如果我们有一个透明的 SliverAppBar 和 SliverList,则 sliver 列表将在 SliverAppBar 后面可见,我们能否以某种方式将渲染约束设置为仅在 SliverAppBar 下方渲染?PaintOrigin 可以做到这一点,但效果很差。

0 投票
1 回答
154 浏览

flutter - Is there any way to make one page scroll in flutter?

I want to use CustomScrollView to make a SliverList where each child would be a full page Widget and I want them to be some kind of a vertical slider. How may I make it in flutter?

0 投票
0 回答
588 浏览

ios - 如何使用 Flutter 实现典型的 iOS 14 标头?

几乎所有 Apple 应用程序以及 iOS 上的大多数第三方应用程序都有统一的标题区域。它由一个狭窄的按钮应用栏组成,下方是一个大标题,最后是一个搜索/过滤文本字段。它的特别之处在于动画,我无法做到这一点。Apple 联系人应用程序的图像显示了所描述的标题区域。

默认标题

刷新控制

搜索/过滤文本字段

英雄效果->大标题移动到中间范围。

乍一看,标题可以翻译成 Cupertino 小部件,如下所示:

  • 自定义滚动视图
  • CupertinoSliverNavigationBar
  • CupertinoSliverRefreshControl
  • SliverToBoxAdapter
  • 库比蒂诺文本字段

但是,在 sliver 应用栏和 LargeTitle 之间是 UpdateIndicator,文本字段在获得焦点时向上移动并获得一个取消按钮。

我当前的代码:

  1. 如何将 CupertinoSliverNavigationBar 分开,以便将 largeTitle 单独放置在 ListView 中,使 UpdateIndicator 介于两者之间?

  2. 对焦时如何将搜索栏移到顶部?

  3. 如何在搜索框右侧显示取消按钮?

0 投票
1 回答
731 浏览

flutter - 如何在flutter中获得customscrollview小部件的全尺寸高度?

我想获得 CustomScrollView 小部件的整个高度。所以我做了一个下面的代码,但它不工作。

这段代码得到的高度没有考虑到customScrollview中列表的高度。我的意思是,_customScrollSize.heightMediaQuery.of(context).size.width是一样的。

我想要这个功能

使用上面的代码,'_customScrollSize.height' 并不能反映整体高度,因此该功能没有正确实现。在这种情况下有什么好的方法可以使用它吗?

0 投票
1 回答
744 浏览

flutter - 如何在 Flutter 的 CustomScrollView 中拥有 ListView.builder(大列表)?

我正在尝试在 CustomScrollView 内的 SliverList 中创建一个包含大约 500 个项目的 ListView 构建器。

}

}

当 ListView 嵌入到具有固定大小的 Container 中时,它工作正常。但是,很明显,我看不到列表中的所有项目。

我试图将 ListView 放在 Expanded 小部件中,但出现此错误:

任何帮助将不胜感激。

谢谢。

0 投票
0 回答
89 浏览

flutter - 更正 Flutter 中另一个滚动中的滚动行为

我对另一个 CustomScrollView 中的 CustomScrollView 有不良行为。

下面我展示了所需的行为:

期望的行为 GIF

下面我展示了实际行为:

实际行为 GIF

我已经尝试过 NestedScrollView 类,但是我无法获得所需的行为,我将非常感谢一个可能的解决方案。

编码:

主页.dart

PostList 小部件

0 投票
0 回答
794 浏览

flutter - 如何使用底部重叠组件制作固定的 SliverAppBar 标题

我正在尝试使用CustomScrollViewand低于输出Slivers

在此处输入图像描述

但是我有两个问题SliverAppBar

1)标题栏隐藏滚动

2) SliverAppBarbottom属性在滚动时溢出。

到目前为止,这是我的代码。我已在 CodePen 和此处添加了最低代码,因此任何人都可以直接访问它。

CodePen 上

0 投票
1 回答
155 浏览

flutter - 跳转到颤振 sliverlist 中的特定 sliver

如何以编程方式跳转(或滚动)到条子列表中条子高度不同的特定条子?下面的代码将一本书的文本加载到自定义滚动视图中,每个小部件都有一个章节。当按下操作按钮时,我希望视图跳转到第 3 章,但没有任何反应。我究竟做错了什么?