【问题标题】:How to select item(s) out of a FlatList?如何从 FlatList 中选择项目?
【发布时间】:2018-01-03 15:57:38
【问题描述】:

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

类似这样,但有 2 行。

【问题讨论】:

    标签: javascript reactjs react-native react-native-flatlist


    【解决方案1】:

    这个呢:

    渲染的每个项目都会有一个onLongPress 和一个isPicked 属性。

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

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

    最后在Submit 上,通过isPicked === true 过滤您所有的初始项目(数据),欢呼,您最终将得到被选中的项目!

    【讨论】:

    • @HansPiña 不,现在不行,抱歉。试一试,如果您需要帮助,请告诉我。
    猜你喜欢
    • 1970-01-01
    • 2023-03-20
    • 2011-02-05
    • 1970-01-01
    • 2015-03-12
    • 1970-01-01
    • 2019-04-24
    • 1970-01-01
    • 1970-01-01
    相关资源
    最近更新 更多