- Comment rendre une grande liste dans React Native?
- Qu'est-ce que Flashlist dans React Native?
- Comment puis-je accélérer ma liste plate?
Comment rendre une grande liste dans React Native?
fenêtre
Accédez à votre composant d'application et remplacez le code par le code ci-dessous: Importez React depuis «React»; Importer Faker à partir de 'Faker' Import fixeSizeList as List à partir de "React-Window"; importer './ Application. CSS '; Function App () const data = new Array (1000). remplir().
Qu'est-ce que Flashlist dans React Native?
React Native fournit une suite de composants pour présenter des listes de données. Généralement, vous voudrez utiliser une liste plate ou une liste de section. Le composant FlatList affiche une liste de défilement des données changeantes, mais structurées de la même manière,.
Comment puis-je accélérer ma liste plate?
Utiliser des composants légers
Plus vos composants sont lourds, plus ils rendent lent. Évitez les images lourdes (utilisez une version courte ou une miniature pour les éléments de liste, aussi petits que possible). Parlez à votre équipe de conception, utilisez le moins d'effets et d'interactions et d'informations que possible dans votre liste. Montrez-les dans les détails de votre article.