问题标签 [flutter-sliver]

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 投票
2 回答
2590 浏览

flutter - 允许 GridView 与 SliverAppBar 重叠

我试图从早期的材料设计规范(打开动画演示)中重现以下示例:

谷歌笔记

到目前为止,我能够产生滚动效果,但内容的重叠仍然缺失。我不知道如何正确地做到这一点。

0 投票
1 回答
509 浏览

flutter - 隐藏 SliverAppBar 时隐藏设备状态栏

我有一个像这样的 SliverAppBar 设置:

每当我滚动页面时,应用栏会按预期出现/重新出现,但是当应用栏隐藏时,设备状态栏会显示在我的内容之上(至少在 iOS 上,尚未在 Android 上测试过)。我知道我可以使用以下代码段隐藏它:

但我没有弄清楚如何仅在隐藏应用栏时触发它,一旦应用栏重新出现,也重新启用状态栏。有什么建议么?

0 投票
3 回答
14522 浏览

flutter - 如何创建有界可滚动的 TabBarView

我需要在 Flutter 中实现以下布局。

布局

当用户滚动时,我希望整个布局滚动(隐藏标题和标签栏)。但是,我不能将 TabBarView 嵌套在 ListView 中,因为 TabBarView 没有限制高度,并且 ListView 不为其子项提供限制高度。

我已经看到了这些问题,但是对于这个用例,所有这些问题的答案都不令人满意:

0 投票
4 回答
24962 浏览

flutter - Flutter 异常:ScrollController 附加到多个滚动视图

ScrollController当我离开具有控制 a的页面时,我的 Flutter 应用程序抛出异常(ScrollController 附加到多个滚动视图)NestedScrollView,我不确定我做错了什么。

我用下面的一个简单示例重新创建了异常。我可以从FirstPageto导航SecondPage(也可以选择返回)就好了,但是当我从SecondPageto导航时ThirdPage会抛出异常。这SecondPage是包含我CollapsingAppBarPage认为有问题的自定义小部件的页面。CollapsingAppBarPage在此示例中进行了简化,但在我的真实应用程序中,它会根据滚动位置更改组件的颜色/大小。在此示例中,当_scrollController.offset导航开始到ThirdPage. 另外,我知道 FirstPage 和 ThirdPage 可以是无状态的而不是 StatefulWidgets,但我想让它尽可能像我的应用程序。这是我的完整工作示例。

这是异常的截断跟踪:

0 投票
1 回答
5638 浏览

flutter - 带有 Flutter 的 CustomScrollView 中的 PageView 页面

我正在尝试将PageView可垂直滚动的页面放入CustomScrollView.

这种设置的原因是我想使用SliverAppBar. 如果开始垂直滚动,则 AppBar 开始缩小并最终停靠在屏幕顶部。同时展开当前活动页面的内容。一旦 AppBar 停靠并且页面的内容达到它的最大允许大小,它本身就会开始滚动。

我遇到了各种各样的问题,主要是无限大小的问题。

0 投票
1 回答
4795 浏览

dart - 在 Flutter 中将 Widget 放在 ListView 之上

下面的代码适用于我从 firestore 调用和显示数据:

但是如果我试图把它放在一个列中,所以我在它上面添加了另一个小部件,它会失败并给出stack overflow

0 投票
1 回答
4149 浏览

dart - 如何在 SliverGrid 中使用 itemCount?

很可能我的 SliverGrid 概念完全错了,

我想要做的是,UI 方面我想要 Flutter 中已经提供的可折叠 SliverAppBar。我的主要内容主体是一组来自 API 响应的图像,并且已经解析并加载到 List 变量中。

现在这是我的代码:

我认为这可能是因为我无法告诉小部件我的数据有多长。对于 GridView.builderitemCount参数存在,但 SliverGrid 没有这样的选项。在这里做什么?

0 投票
2 回答
4735 浏览

flutter - 在 Flutter 中通过拖放重新排序 SliverList 中的项目

我正在使用带有SliverChildBuilderDelegateSliverList来动态生成列表项。现在,我试图允许用户通过拖放在一行中的每个项目上的句柄图标来重新排序列表项目。

我尝试了不同的东西(比如 Draggable Widget),但到目前为止我还没有找到解决方案。有没有人已经使用过 SliverList 小部件的拖放重新排序并且可以给我一个提示?

无法使用 ReorderableListView Widget,导致将 ListView 与 SliverList 混合。我想使用 SliverAppBar 来实现滚动时淡出效果,如您在此处看到的:https ://medium.com/flutter-io/slivers-demystified-6ff68ab0296f

这是我的 SliverList 的结构:

在此先感谢并最好,迈克尔

0 投票
1 回答
7118 浏览

dart - 如何为 SliverAppBar 添加抽屉

这是我的代码,从这里复制:

但我需要添加一个Drawer. 我怎样才能做到这一点?
我正在尝试在 Flutter 中重建我的应用程序。
将 java android 应用程序转换为颤振

我替换了图标,但我怎样才能创建一个Drawer

我的完整代码

0 投票
0 回答
888 浏览

flutter - Flutter 能否高效布局嵌套列表?

这样的布局能否在 Flutter 中实现并高效渲染?

例子:

在此处输入图像描述

黄色和蓝色块都可以是大约 30 个元素,所以我想应该使用 ListView.builder 之类的东西。

我试过嵌套2个ListView.builder,内部带有shrinkWrap = true。黄色的块是在需要的时候构建的,但是蓝色的列表,虽然它有一个 itemBuilder,但它会一次构建所有的子元素,导致性能问题。

提前致谢。