写真ギャラリーで複数の写真を選択するときのように、FlatList を使用してアイテムを選択したい (この場合、2x10 のグリッドのような 2 行のフラットリストを使用しています)。onLongPressを使用して(たとえば)3つのアイテムを選択したい。
このようなものですが、2行あります。
写真ギャラリーで複数の写真を選択するときのように、FlatList を使用してアイテムを選択したい (この場合、2x10 のグリッドのような 2 行のフラットリストを使用しています)。onLongPressを使用して(たとえば)3つのアイテムを選択したい。
このようなものですが、2行あります。
これはどうですか:
レンダリングされるすべてのアイテムにはonLongPress、プロパティとisPickedプロパティがあります。
最初と ではrenderItem()、レンダリングするchecked squareかempty square、アイテムが実行されるたびに実行する if ステートメントを実装します。項目が選択されているかどうかを示します (に基づくisPicked)。
onLongPressすべてを呼び出しisPickedて再レンダリングします (正方形を切り替えるため)。が真ならisPicked偽になり、偽なら真になります。これを行うだけでそれを達成できます:this.item.isPicked = !this.item.isPicked
最後に でSubmit、最初のすべての項目 (データ) を でフィルタリングするisPicked === trueと、選択された項目が表示されます。