Kursinhalt
Grundlagen von React Native
Grundlagen von React Native
ScrollView-Komponente
Theorie
Der ScrollView
-Komponente erstellt eine scrollbare Ansicht mit flexibler Höhe. Sie ist besonders nützlich, wenn Sie Inhalte haben, die den verfügbaren Platz auf dem Bildschirm überschreiten.
Warum ScrollView verwenden
Scrollende Inhalte : Ermöglicht es Ihnen, einen Container zu erstellen, der vertikal oder horizontal gescrollt werden kann , um seinen Inhalt anzuzeigen;
Umgang mit Überlauf : Nützlich, wenn der Inhalt innerhalb einer Ansicht zu groß ist, um auf den Bildschirm zu passen.
Arbeiten mit ScrollView
Wickeln Sie den Inhalt, den wir scrollbar machen möchten, in die
ScrollView
-Komponente ein;Der
contentContainerStyle
-Prop wird verwendet, um den Inhalt innerhalb der Scroll-Ansicht zu stylen ;Wir können das standardmäßige vertikale Scrollverhalten in horizontal ändern, indem wir den Prop
horizontal
bereitstellen.
Beispiel
Ergebnis
In der Praxis
Danke für Ihr Feedback!