如何从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

最后在Submit上，按isPicked === true过滤所有初始项目（数据），并最终获得所选项目！