Als nächstes wollen wir uns einem wesentlichen Thema widmen: Navigation. Genau wie Webanwendungen benötigen auch mobile Apps eine Navigation, um zwischen verschiedenen Abschnitten oder Bildschirmen zu wechseln.

In React Native beinhaltet die Navigation den Übergang zwischen verschiedenen Bildschirmen oder Komponenten innerhalb der App. Während es mehrere Navigationsbibliotheken gibt, ist eine der beliebtesten Optionen React Navigation.

Theorie

React Navigation bietet eine umfassende Lösung für die Verwaltung der Navigation und das Erstellen von Navigators, die die Navigationsstruktur Ihrer App definieren. Es unterstützt verschiedene Arten von Navigators. Wir werden betrachten:

• Stack Navigator: Ermöglicht die Navigation, indem Bildschirme übereinander gestapelt werden. Es ist ideal für einfache Navigationsabläufe;
• Tab Navigator: Erleichtert das Wechseln zwischen verschiedenen Bildschirmen oder Tabs, die sich typischerweise am unteren Rand des Bildschirms befinden.

In den folgenden Kapiteln werden wir jeden von ihnen besprechen.