如何從FlatList中選擇項目？

Question

我想選擇使用FlatList的項目，比如當您在您的照片Galery上選擇多張照片時（在這種情況下，我使用了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和歡呼聲，你將最終選擇的項目！