問題タブ [flatlist]

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.

0 投票する
2 に答える
557 参照

reactjs - React ネイティブ | フラットリスト & メモ | renderItem は関数ではありません

リストがあります。その中には10の要素があります。これをフラットリストで示します。しかし、リストの 10 個の要素のうちの 1 つが変更されると、そのうちの 10 個が再びレンダリングされます。私はこの問題を memo で解決しようとしていました (flatlist はそれ自体でこれを行う必要がありますが、いずれにせよ) が、構文エラーが発生します。エラー: renderItem は関数ではありません。

0 投票する
0 に答える
265 参照

react-native - React Native Flatlist 2 行を 1 列として表示する方法

2列のフラットリストがあります。私が達成したいのは、アイテムが1番の場合、2つのアイテムの高さが含まれている必要があるということです。私はこれを達成することができますが、問題は、リストの 3 番目の項目がその場所に収まらず、1 列目の下にあることです。ただし、2列目の下にある必要があります。2列目の下の場所は空のままです

参考画像

0 投票する
1 に答える
164 参照

react-native - React ネイティブ フラットリストの再レンダリング

高価な再レンダリングを引き起こす複雑な子を持つフラットリストに取り組んでいます。それを最適化する必要がありますが、useMemo で再レンダリングを停止することはできません。

ここに私のリストコード:

ここで renderPost:

私はこのようなメモ化を使用しようとしました:

問題は、useMemo 引数として空の配列です。最初のレンダリングのみを受け入れるが機能しないと思います。使用しようとしました[item.someProperty]が、引数で項目を認識できません (項目が定義されていません)。

私も useCallback を使用しましたが、まだうまくいきません。多くの再レンダリングが発生します。これを修正するのを手伝ってください。Tnz