问题标签 [flutter-listview]

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 投票
4 回答
14355 浏览

flutter - 如何有条件地将小部件添加到列表中?

在 Flutter 中,// 等小部件不Row处理null 子级。因此,如果我们想有条件地将小部件添加为子项,我通常会执行以下操作:ListViewStack

但是添加一个空容器感觉很奇怪。

另一种解决方案是where过滤器:

这样就解决了空容器问题,但我们仍然有一个丑陋的三元组,写起来很累。

有没有更好的解决方案?

0 投票
2 回答
2206 浏览

dart - Flutter 中的 ListView 中长按和滑动

我有一个正在创建ListView. 对于 Android,我想实现“长按键”。对于 iOS,我想要“滑动手势”。

对于长按和滑动,我必须显示 3 个选项:

Delete | Delete All | More...

怎么做。

0 投票
2 回答
4536 浏览

flutter - 如何在 Flutter 中将 ListView 中的项目覆盖到整个屏幕

我想要一个具有固定数量项目的可滚动视图。第一个项目应该覆盖父容器,然后用户可以向下滚动以查看其余项目。

我尝试将 Expanded 添加到第一项,但出现白屏

我应该使用 ListView 还是 SingleChildScrollView (也没有与 Expanded 一起使用)?

0 投票
1 回答
1981 浏览

flutter - 如何在 FutureBuilder 项目的 Flutter ListView 中向上滚动时修复“跳到每个项目的顶部”?

我刚开始通过一门课程学习 Flutter,其中一个项目是编写一个Hacker News 阅读器应用程序。需要两个 HTTP 请求,一个用于获取 id 的顶部列表,另一个用于使用其 id 的每篇文章。

与 Google 的The Boring Show版本相反,我需要能够在用户向下滚动到热门文章总数(~500)时请求每篇文章。我还想尝试一种比我课程中使用的许多流、转换器和变通方法更简单的方法。

我正在使用 aStreamBuilder从流中获取顶部 id,通过 abloc和 a获取文章从中获取FutureBuilder的每一行 a 。数据要么来自 HTTP 请求,要么来自缓存(一个 sqflite 数据库)。ListView.builderbloc

它在向下滚动时完美运行,但在向上滚动时,它会跳到除前 4 个项目之外的每个项目的顶部(因为它们已经在那时构建)。

几天来我尝试了不同的结构和模式,每当我FutureBuilderListView.builder. 在模拟器和我的 Pixel 3 XL 上以调试和发布模式进行了尝试。

将有限数量的文章从 a 发送StreamBuilder到a的 Boring ShowListView.builder方法有效,因为 aFutureBuilder不是必需的,但无法获取更多文章。

顺便说一句,据我所知,即使每次构建ConnectionState都设置为,在向上滚动时也不会重新获取这些项目。waiting

我在 YouTube 上添加了有关该问题的视频。希望它有效:

向上滚动时出现 ListView 问题的 YouTube 视频

这是显示列表的类。我组合了小部件以使其紧凑:

来自flutter doctor

我希望向上和向下滚动是平滑的,并且“正在加载...”文本会显示正在加载的项目。

以下是向下滚动而不是向上滚动时活动的打印输出:

问题可能很明显,但我无法弄清楚。

0 投票
2 回答
514 浏览

flutter - 如何缩小 ListTile 中的图像但不展开它?

我需要在 ListView 中显示几种不同大小的图像。

当图像大于 screen.width 时,我希望它缩小以适应宽度。但是当图像较短时,我希望它保持原来的大小。

我该怎么做?提前致谢。

我尝试将 Image 放入 Flex 中,但无法“阻止”小图像进行扩展。

0 投票
1 回答
1383 浏览

flutter - Flutter - 在 ListView 文本中获取值以粘贴到另一个 dart 文件的 TextField 上

main.dart 图像 homeview.dart

我有一个问题我有 2 个不同的 dart 文件,main.dart 和 homeview.dart 这里我特意在 homeview.dart 做了一个自定义对话框,该对话框包含 listview 和只有数据字符串,我想做它并在项目列表上我创建一个 Inkwell 小部件以能够 OnTap :,并且在 main.dart 中它包含 TextFormField,

问题是在 onTap 列表项中,文本字符串如何移动到 main.dart 上的 TextFormField?

homeview.dart

0 投票
1 回答
3769 浏览

flutter - 在 Flutter 中点击另一个项目 ListView 后如何取消选择已选择的项目?

我想允许用户从列表中只选择一个选项,如果他一个接一个地选择,那么只有最后一个选项应该被认为是选中的。

在当前代码中,用户可以从我想避免的列表中选择多个选项。

试过的代码:

我正在实现一种列表样式的单选按钮。

0 投票
2 回答
1935 浏览

flutter - Flutter Listview Widget 测试失败,在列表中找不到错误文本?

我的自定义小部件代码:

我的应用程序使用自定义小部件

列表模型代码:

我试过的小部件测试代码

错误消息:

其中:表示没有找到,但应该有一个

我如何点击特定的列表项并验证它包含的项目是小部件有还是没有?我还想验证列表项计数?但它甚至找不到简单的文本

0 投票
1 回答
215 浏览

flutter - ListView:使用 FutureBuilder 获取详细信息会导致故障行为

我有一个 ListView,我正在使用 ListView.builder 在孩子们可见时懒惰地填充列表。

但是,这些项目还需要呈现我想要延迟获取的其他内容。

为此,我在 child-builder 中构建了一个 http-get-future 并将其传递给 FutureBuilder ,它会在 Future 完成后立即呈现附加内容。

但是,即使我缓存了 http-get-futures,整个列表也会感觉有问题,因为当它们再次可见时会重新构建这些项目,并且 FutureBuilder 总是呈现一个没有任何数据的等待帧(“因为没有办法同步检查如果 Future 已经完成”——正如 Flutter 文档所说)。

我应该改变什么?

0 投票
1 回答
660 浏览

flutter - 如何迭代列表以将其合并到包装小部件中?

我试图将行中的项目(容器)限制为 8 个,如果有更多项目,它们应该被包装。我有一个容器列表,但我不能使用 listView 作为 Wrap 的子项,因为 listView 滚动。有没有办法修复这个布局?

  • 我曾尝试使用 for 循环,但当它第一次返回时,它会脱离循环。

  • 我试过 gridView 而不是 wrap 但它没有给我结果,因为 gridView 是可滚动的。

kids 是一个容器列表