問題タブ [react-native-gesture-handler]
For questions regarding programming in ECMAScript (JavaScript/JS) and its various dialects/implementations (excluding ActionScript). Note JavaScript is NOT the same as Java! Please include all relevant tags on your question; e.g., [node.js], [jquery], [json], [reactjs], [angular], [ember.js], [vue.js], [typescript], [svelte], etc.
javascript - FlatList からレンダリングされたアイテムの総数を取得し、アイテムの状態の変化に基づいてその数を更新します
私はReact Native（および正直に言うとReact / Javascript全般）に非常に慣れておらず、非常に行き詰まっています。Flatlist を使用して雑用のリストをレンダリングする雑用追跡アプリがあります。これは、React Native Gesture Handler Swipeable を使用してスワイプ/チェックオフできます。
家事リストの上に、完了した家事の総数を示すタグが必要です (プレースホルダーは現在、「?? 家事完了」と表示されています)。これには、1) Flatlist コンポーネントからレンダリングされた ChoreListItems の数、および 2) それらの項目のうち、状態が「isComplete」である項目の数を見つける必要があることはわかっています。この画面にはいくつかのバージョン (ランドリー、キッチン、バスルームなど) があるため、ネストされた/再利用可能なコンポーネントがいくつかあり、それがさらに混乱を招くことを知っています。ここにはおそらく明らかな答えがあるように感じますが、これを解凍する方法さえわかりません。
ChoreListItem は次のとおりです (Flatlist からレンダリングされ、スワイプできるもの):
ChoreList は次のとおりです (Flatlist コンポーネントを含む)。
すべての小道具を含むコンポーネント/画面は次のとおりです。