2017-07-27 65 views
2

我想选择使用FlatList的项目,比如当您在您的照片Galery上选择多张照片时(在这种情况下,我使用了2行的平板列表,如2x10的网格)。我想使用onLongPress选择(例如)3个项目。如何从FlatList中选择项目?

就像这样,但有2行。

enter image description here

回答

3

这个怎么样:

呈现每个项目将有一个onLongPressisPicked财产。

最初,在renderItem()中,您将实现一条if语句,该语句在每次执行某个项目时呈现checked squareempty square;指示是否选择该项目(基于isPicked)。

onLongPress调用isPicked并重新显示所有内容(切换方块)。所以如果isPicked是真的,它就会变成错误的,并且如果错误成立的话。你可以通过简单地做到这一点:this.item.isPicked = !this.item.isPicked

最后在Submit,过滤所有的初始项目(数据)isPicked === true和欢呼声,你将最终选择的项目!

+0

不错,你有任何例子(代码)? –

+1

@HansPiña现在不行,对不起。给它一个镜头,让我知道你是否需要帮助。 –