問題タブ [react-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 投票する
1 に答える
393 参照

reactjs - Load React Native Recyclerlistview のちらつきの問題

Flatlist から Flipkart の RecyclerlistView に切り替えました。しかし、onload や onscroll などのイベントには、行レンダリングのちらつきの問題があり、奇妙に思えます。誰にもこれに対する修正がありますか?

コードは次のとおりです。

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

react-native - React Native でのフラットリスト データを使用したナビゲーション

こんにちは、Flatlist の形式のデータがあり、それを抽出しました。次に、画面 A をクリックした場合にクリックした画面に移動します。画面をクリックすると、画面 A に移動します。 B では画面 B に移動し、画面 C をクリックすると画面 C に移動し、画面 D をクリックすると画面 D に移動し、ヘッダーも表示します。ヘッダーと画面.. 操作方法.. サンプル画像はこちら コードはこちら..

解決策を提案してください..ありがとう..

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

reactjs - FlatList のレンダリングはビッグ データ セットに対して重い

私のアプリケーションには、FlatList100 アイテムのデータセットがあります。各項目には複雑な UI があり、パフォーマンスに大きな負担がかかっていることに気付きました。リストのあるページの読み込みには最大 5 秒かかります。コンポーネントが初めてレンダリングされた瞬間に、データセット内のすべてのアイテムに対して のrenderItem関数FlatListも呼び出されることに気付きました。また、そのページの他のものに対して他の setState の変更があった場合にも発生することに気付きました. このフラット リストの再レンダリングを防ぐ方法、または少なくとも表示されているアイテムのみを再レンダリングする方法はありますか? ネイティブ Android の Recycle with のように? コンポーネントが最初に表示されたときに表示されているアイテムのみをレンダリングするにはどうすればよいですか? 私は使用しようとしましinitialNumToRendermaxToRenderPerBatchが、どちらも機能しませんでした。

コードの例を次に示します。

リスト全体に何かを入力しようとするとTextInput、再レンダリングされますが、リスト内の何も変更されていません..これを防ぐにはどうすればよいですか?

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

react-native - React Native Flatlist でタッチ可能な不透明度を閉じる

反応ネイティブで折りたたみ可能なフラットリストを実行しようとしていますが、問題があります。フラットリスト カードには 5 つのテキストがあります。もう 1 行のテキスト行 (またはタッチ可能な不透明度) を配置し、クリックして折りたたむと、アプリケーションは動作を停止し、閉じます。 .ログにエラー/警告メッセージはありません.なぜこれが起こっているのですか?また、解決策はありますか?

アプリケーションのスクリーンショット