Aus dem Kurs: React Native Grundkurs

Erhalten Sie Zugriff auf diesen Kurs – mit einer kostenlosen Probeversion

Werden Sie noch heute Mitglied und erhalten Sie Zugriff auf mehr als 25.300 Kurse von Branchenfachleuten.

Ladeanimationen hinzufügen

Ladeanimationen hinzufügen – Tutorial zu React Native

Aus dem Kurs: React Native Grundkurs

Gratismonat starten Für Ihr Team erwerben

Ladeanimationen hinzufügen

“

Eine der mit Abstand unglücklichsten Situationen innerhalb einer App sind Wartezeiten. Da diese Wartezeiten aber oft nicht an schlechter Programmierung, sondern Bedingungen wie Netzwerk liegen, muss man einem Nutzer zumindest den Indikator dafür geben, dass tatsächlich etwas im Hintergrund passiert. Das tut man üblicherweise mit Animationen. Ich werde nun mit Ihnen für das Laden von Videos eine solche Animation, einen sogenannten Skeleton, implementieren. Um einen solchen Skeleton innerhalb der App anzuzeigen, verwenden wir eine Bibliothek mit dem Namen react-native-skeleton-content-nonexpo. nonexpo steht hierbei für not-expo, das bedeutet, dass wir ein React Native-Projekt erzeugt haben und nicht ein Projekt, das auf Expo basiert. Für die Installation dieses Packages ist es weiterhin notwendig, react-native-linear-gradient zu installieren. Daraufhin ist man dann in der Lage, einen solchen Skeleton innerhalb seiner App anzuzeigen, eine typische Darstellung von Ladeanimationen. In…

Inhalt