【发布时间】:2018-01-03 15:57:38
【问题描述】:
我想使用 FlatList 选择项目,例如当您在照片库中选择多张照片时(在这种情况下,我使用的是具有 2 行的平面列表,如 2x10 的网格)。我想使用 onLongPress 选择(例如)3 个项目。
类似这样,但有 2 行。
【问题讨论】:
标签: javascript reactjs react-native react-native-flatlist
我想使用 FlatList 选择项目,例如当您在照片库中选择多张照片时(在这种情况下,我使用的是具有 2 行的平面列表,如 2x10 的网格)。我想使用 onLongPress 选择(例如)3 个项目。
类似这样,但有 2 行。
【问题讨论】:
标签: javascript reactjs react-native react-native-flatlist
这个呢:
渲染的每个项目都会有一个onLongPress 和一个isPicked 属性。
最初,在renderItem() 中,您将实现一个if 语句,该语句在每次执行项目时呈现checked square 或empty square;指示是否选择了该项目(基于isPicked)。
onLongPress 调用isPicked 并重新渲染所有内容(切换方块)。因此,如果isPicked 为真,则为假,如果为假,则为真。您只需执行以下操作即可实现:this.item.isPicked = !this.item.isPicked
最后在Submit 上,通过isPicked === true 过滤您所有的初始项目(数据),欢呼,您最终将得到被选中的项目!
【讨论】: