Nachdem Sie eine gründliche Einführung in die allgemeine Arbeit mit React Native und das Erstellen
von React Native-Anwendungen erhalten
haben, ist
es natürlich an der Zeit, etwas tiefer zu gehen und zu lernen, wie wir Anwendungen erstellen können, die auf beiden Plattformen,
sowohl auf iOS als auch auf Android, gut aussehen und das hat vielleicht auch
das Standard-Aussehen, das Sie dort erwarten würden, und das sieht natürlich auch auf verschiedenen Geräten, verschiedenen Gerätegrößen großartig aus.
Das nennt man Responsive Design. Ihre App sollte so gestaltet sein, dass sie auf allen möglichen
Gerätegrößen automatisch gut aussieht. In diesem Modul erfahren Sie alles über die Tools, die Sie
dafür benötigen. Insbesondere werden wir
uns ansehen, wie Sie herausfinden können, wie groß das Gerät ist, auf dem
Sie arbeiten, wie breit es ist, wie breit Sie sind, wie hoch Sie sind und vielleicht welche Ausrichtung
es hat, weil vielleicht Sie möchten auch ein anderes Layout für verschiedene Ausrichtungen, für den Hochformat- und den Querformatmodus
präsentieren. Daher sehen wir uns auch an, wie Sie Ihre Stile und Layouts basierend auf
Größe und Ausrichtung anpassen können, da es einige gibt verschiedene Tools, die Sie von React Native
erhalten.
Jetzt sind die Größen eine Sache,
die andere offensichtliche Sache, die Sie abdecken möchten, ist die Plattform, auf der Sie laufen.
Sie erstellen eine App, die Sie normalerweise sowohl auf iOS als auch auf Android verteilen möchten,
da dies bei React
Native cool ist. Sie verwenden Javascript, um eine App für mehrere Plattformen zu erhalten, und manchmal müssen Sie
Ihr Styling oder Ihr Layout anpassen oder Vielleicht sogar eine Geschäftslogik, die auf der Plattform basiert, auf der Sie laufen.
Wenn Sie unter iOS ein bestimmtes Layout oder eine bestimmte Farbe und unter Android möglicherweise eine andere Farbe
haben möchten, erfahren Sie
in diesem Modul, wie Sie Ihren Code oder Ihre Benutzeroberfläche im Allgemeinen basierend auf der Plattform anpassen
können.
Das sind also die großen Themen, mit denen wir uns in diesem Modul befassen werden. Dafür bin ich
wieder bei der App, an der wir gearbeitet haben. Dies ist
die App, die wir dort gesehen haben. Dieses grundlegende Quiz, an dem wir gearbeitet haben, und ich möchte jetzt Schritt- Stellen Sie schrittweise sicher,
dass dies auf verschiedenen Gerätegrößen gut aussieht, dass wir vielleicht auch lernen, wie wir das Layout basierend auf dem
verfügbaren Platz umschalten können, und ich möchte natürlich auch sicherstellen, dass wir möglicherweise auch ein anderes Aussehen haben basierend auf der Plattform,
auf der wir laufen.