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

react-native - 無限にスクロール可能な FlatList - 間に広告/ヒントをレンダリングする

アプリで e コマース/トレーディング機能を作成しています。ユーザーは無限にスクロール可能な方法で利用可能な取引を表示できます。これにはフラットリストを使用しています。さて、投稿の合間に、「独自の広告を投稿する」、「より良い検索結果を得るためにフィルターを適用する」などのヒントを表示したいと思います.

これらのヒントを強調したいので、これらのヒントの UI は通常の広告カード コンポーネントとは異なります。

これを達成する方法について何か提案はありますか?

私の解決策は、これらのヒントをデータ配列に挿入し、isTip ブール値を追加してから、flatlist の renderItem にチェックインすることです。

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

javascript - Lagrr FlatList 反応ネイティブがすべてのアイテムをロードしない

これは Mainscreen.js の私のコードです:

私のApiには16個のアイテム倉庫がありますが、アプリがロードされると6個のアイテムがロードされ、メッセージが表示されます:

VirtualizedList: 更新が遅い大きなリストがあります - renderItem 関数が、PureComponent、shouldComponentUpdate などの React パフォーマンスのベスト プラクティスに従うコンポーネントをレンダリングしていることを確認してください。 {"contentLength": 3766.09521484375, "dt": 1902, "prevDt": 1769}

API から 16 個のアイテムを完全にロードするにはどうすればよいですか?

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

react-native - React Native FlatList が Android では動作しないのに、Web 用であるのはなぜですか?

Expo を使用して、バックエンド用に AWS で反応するネイティブ アプリを構築しています。

FlatList と AWS データを使用して友達のリストを表示しようとしています。リストは機能し、Web ブラウザーでは表示されますが、何らかの理由で、Android フォンでは表示されません。問題は何ですか?

友達リスト.tsx

FriendsListItem.tsx