- Wie mache ich eine große Liste in React Native?
- Was ist Flashlist in React Native?
- Wie kann ich meine Flatlist beschleunigen?
Wie mache ich eine große Liste in React Native?
reagieren Sie Window
Gehen Sie zu Ihrer App -Komponente und ersetzen Sie den Code durch den folgenden Code: Importieren Sie React aus 'React'; faker aus 'faker' import FixedSizelist als Liste aus "React-Window"; importieren './App. CSS '; Funktion app () const data = new Array (1000). füllen().
Was ist Flashlist in React Native?
React Native bietet eine Reihe von Komponenten für die Präsentation von Datenlisten. Im Allgemeinen möchten Sie entweder die Flatlist oder die Abschnittsliste verwenden. Die Flatlist -Komponente zeigt eine Scroll -Liste von, aber ähnlich strukturierten Daten an.
Wie kann ich meine Flatlist beschleunigen?
Verwenden Sie leichte Komponenten
Je schwerer Ihre Komponenten sind, desto langsamer rendern sie. Vermeiden Sie schwere Bilder (Verwenden Sie eine verkaufte Version oder eine Miniaturansicht für Listenelemente, die so klein wie möglich). Sprechen Sie mit Ihrem Designteam und verwenden Sie so wenig Effekte, Interaktionen und Informationen wie möglich in Ihrer Liste. Zeigen Sie sie im Detail Ihres Artikels an.