javascript - 如何从 FlatList 中选择项目？

Question

我想使用 FlatList 选择项目，就像您在照片库中选择多张照片一样(在这种情况下，我使用的是具有 2 行的平面列表，如 2x10 的网格)。我想使用 onLongPress 选择(例如)3 个项目。

类似这样，但有 2 行。

Answer 1

这个怎么样:

呈现 的每个项目都会有一个onLongPress 和一个isPicked 属性。

最初，在 renderItem() 中，您将实现一个 if 语句，每次出现一个项目时都会呈现 checked square 或 empty square执行执行；指示项目是否被选中(基于 isPicked)。

onLongPress 调用 isPicked 并重新呈现所有内容(以切换正方形)。因此，如果 isPicked 为真，则变为假，如果为假，则变为真。您只需执行以下操作即可实现:this.item.isPicked = !this.item.isPicked

最后在 提交 上，通过 isPicked === true 过滤所有初始项目(数据)，欢呼吧，您最终会得到被选中的项目!