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