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