Sich immer wieder zu wiederholen und immer wieder den gleichen detaillierten Look zu setzen, ist wirklich
nervig und definitiv nicht das, was Sie wollen.
Bisher arbeiten wir immer mit Navigationsoptionen, die wir direkt neben unseren Komponenten einrichten.
Jetzt müssen Sie dies nicht mehr für Standardeinstellungen tun, die Sie immer wieder wiederholen.
Diese Einstellung wird hier tatsächlich aus dem Kategorie-Mahlzeit-Bildschirm entfernt und nur der Header-Titel dort beibehalten, da der
Header-Titel natürlich von diesem Bildschirm abhängt und sich mit den verschiedenen Werten ändert, die wir
auf dem Bildschirm erhalten.
Lassen Sie uns daher den Plattformimport entfernen und den Farbkonstantenimport dort auf dem
Kategorienbildschirm hinzufügen.
Ich werde dies ausschneiden, damit sie es weiterhin verwenden können, aber ich werde es daher auch von
diesem Bildschirm entfernen und nur den Header-Titel-Leader behalten, der für diesen Bildschirm spezifisch ist und nicht die Standardeinstellung für
alle Bildschirme, also werde ich das hier und ich behalten kann daher auch hier den Plattformimport und
den Farbinhaltsimport loswerden.
Und jetzt gehen wir zum Essensnavigator, denn neben der Einrichtung von Navigationsoptionen für Ihre Komponenten im nächsten Jahr,
die der richtige Ort für alle Optionen sind, die für diese Komponente spezifisch sind, können Sie
hier auch Optionen direkt im Navigator einrichten.
Sie haben zwei verschiedene Orte, an denen Sie sie einrichten können.
Ein Ort ist, wenn Sie diese komplexere Bildschirmkonfiguration hier verwenden.
Wenn Sie Ihren Bezeichnern neben dem Einrichten des Bildschirms einen Bildschirm zuordnen, was Sie mit nur
einem Musswert laden möchten, den Sie hier haben.
Sie können hier auch Navigationsoptionen hinzufügen und hier einige Navigationsoptionen für diese Bildschirme einrichten.
Dort könnten wir also auch im Header-Stil die Header-Tönungsfarbe und jetzt müssen wir nur noch die Plattform und die
Farben hinzufügen.
Hier importieren.
Also lass uns das schnell machen.
Lassen Sie uns die Plattform von reagieren importieren.
Eingeboren hier und lassen Sie uns auch Farben aus Konstantenfarben importieren. Wenn wir das tun, werden Sie sehen, dass wir auf dem Kategorienbildschirm keine Farbe
haben, weil ich diese Farbe hier nur auf den Kategoriemahlzeiten eingestellt habe, aber wenn wir
zu diesem Bildschirm gehen, dann wir habe diese Färbung.
Wir haben also das gleiche Aussehen wie zuvor und jetzt können wir hier natürlich das Gleiche für den
Kategorienbildschirm tun.
Dort können wir dies nun auch in ein Objekt verwandeln. Fügen Sie daher die Navigationsoptionen hinzu und fügen Sie
genau dieselben Optionen hinzu, sodass hier dasselbe Objekt für diesen Bildschirm angezeigt wird.
Wenn wir das jetzt tun, müssen wir jetzt auch wieder auf dem Kategorienbildschirm färben.
Der kleine Vorteil gegenüber der vorherigen Lösung, dies in jeder Komponentendatei einzurichten, stattdessen haben wir jetzt
zumindest die gesamte Konfiguration und eine in derselben Datei.
Trotzdem wiederholen wir uns, so dass es schön ist, dass Sie dies hier einrichten können. Dies
wäre beispielsweise eine gute Alternative zum Einrichten unseres statisch festgelegten Headertitels für Kategorienkategorien für Kategorien, sodass wir dies hier anstatt
in Komponenten einrichten können weil es sowieso statisch ist, spielt es keine Rolle, wo
wir das einrichten.
Abgesehen davon ist ein solcher Anwendungsfall keine wirkliche Verbesserung, da wir uns immer noch wiederholen.
Also schneide ich das hier noch einmal ab und stattdessen können wir jetzt ein zweites Argument nutzen, das Sie übergeben können,
um den Stack Navigator zu erstellen.
Das erste Argument ist Objekt mit Ihren Bildschirmen.
Mit dem zweiten Argument können Sie diesen Navigator konfigurieren.
Wir haben noch keine Konfigurationsmolkerei eingerichtet und natürlich finden Sie in der offiziellen Box oder wenn ich sie
hier von meinem T bekomme, eine Liste aller Einstellungen, die Sie dort einrichten können.
Eine wichtige Sache, die Sie hier konfigurieren können, sind die Standardnavigationsoptionen. Wie der Name schon
sagt, können Sie damit Optionen einrichten, die für jeden Bildschirm gelten.
Nun nimmt dies Objekt mit Ihren Navigationsoptionen, aber jetzt werden diese Optionen auf jeden Bildschirm in diesem Navigator angewendet, also
auf alle drei Bildschirme hier, damit Sie sich nicht wiederholen müssen.
Wenn wir das jetzt tun, sehen Sie diesen Farbkopf hier.
Auch hier und alles auf dem detaillierten Bildschirm, wenn Sie dorthin gehen.
Auf diese Weise möchten Sie natürlich wiederholte Konfigurationen wie den allgemeinen Stil einrichten, der sich normalerweise
nicht von Bildschirm zu Bildschirm ändert.
Wenn es sich ändert, ist das in Ordnung.
Sie können es pro Komponente oder hier im Bildschirmkonflikt einrichten, wie ich Ihnen gezeigt habe. Wenn sich
dies jedoch nicht ändert, können Sie hier die Standardnavigationsoptionen verwenden.
Dies wirft natürlich auch eine andere Frage auf: Wie werden die Einstellungen hier oder hier mit den Einstellungen
hier oder anstelle einer Komponente zusammengeführt?
Und die Regel ist sehr einfach, da Standardnavigationsoptionen mit Ihren spezifischen Navigationsoptionen
zusammengeführt werden, die hier oder hier in der Komponente eingerichtet wurden, und die spezifischen Optionen immer gewinnen.
Wenn Sie ein und denselben Schlüssel mit demselben Namen haben.
Wenn ich hier also einen Standard-Header-Titel wie einen Bildschirm einrichten würde, der natürlich sehr allgemein gehalten ist, würden Sie
hier immer noch Essenskategorien sehen.
Italienisch hier, aber auf dem detaillierten Bildschirm, auf dem ich keinen bestimmten Header-Titel angegeben habe, wird ein
Bildschirm angezeigt, sodass Ihre Standardnavigationsoptionen überschrieben werden.
Wenn Sie nun beim Konfigurieren des Bildschirms Navigationsoptionen hier einrichten und diese
anstelle der Komponente auf derselben Ebene wirken und die Einstellungen hier auf der Bildschirmebene tatsächlich gewinnen.
Wenn ich also hier den Titel des Headers für Essenskategorien mit mehreren Ausrufezeichen sagte, sehen Sie, dass
hier auf dem Kategorienbildschirm und der Titel, den Sie in der Kategoriebildschirmkomponente eingerichtet haben, möglicherweise nicht gewinnen, etwas
kontraintuitiv ist, aber so ist es.
Wenn Sie also Navigationsoptionen mit demselben Titel oder denselben Namen hier im Bildschirmkontext einrichten, gewinnt der Bildschirmkontext,
aber unabhängig davon, wo Sie ihn einrichten, gewinnt er immer gegen die
Standardnavigationsoptionen.
Wenn Sie den gleichen Titel verwenden, werden Sie hier auch die Navigationsoptionen auf dem Bildschirm meiner Kategorie
entfernen.
Das brauche ich hier nicht.
Ich bin mit dem Einrichten der Bildschirmkomponente zufrieden, aber Sie können es an beiden Stellen einrichten.
Es ist wichtig, dass Sie sich immer daran erinnern, dass Standardoptionen überschrieben werden. Neben den Standardnavigationsoptionen in
diesem zweiten Objekt, das Sie zum Erstellen des SEC-Navigators übergeben, können Sie jetzt auch andere Dinge
konfigurieren, wenn Sie Kontrolle und Platz hatten. Sie sollten hier eine Liste sehen oder alternativ konsultieren
die offizielle Box natürlich.
Normalerweise sind die Standardeinstellungen in Ordnung, aber dort können Sie beispielsweise den Modus einrichten und diesen als Karte auf die modale Standardeinstellung setzen.
Wenn Sie dies einstellen, erhalten Sie einen Modus wie den Übergang zum Laden auf Ihren Bildschirm, was bedeutet,
dass der Bildschirm hineingleitet Anstatt die normale Animation unter Android zu verwenden, sehen Sie keinen
Unterschied, aber unter ISIS werden Sie es tun.
Dies ist nur eine Sache, die Sie hier ändern können, um die Standardanimation zu ändern, falls Sie einen modalen
Übergang anstelle der normalen Push-Pop-Animation wünschen. Hier können Sie auch den anfänglichen Stammnamen standardmäßig ändern. Ich erwähnte, dass dies das erste Schlüsselwertpaar wäre, aber wenn Sie
möchten nicht auf dem Kategorienbildschirm beginnen, aber aus irgendeinem Grund können Sie auf dem
Bildschirm mit den detaillierten Mahlzeiten hier einfach auf die Details der Mahlzeiten verweisen, anstatt auf Kategorien, die
Sie nicht einrichten müssen, da dies eine Standardeinstellung ist und Sie damit beginnen würden
Bildschirm als Startbildschirm.
Natürlich können Sie jetzt nicht zurückgehen, da dies Ihr Startbildschirm ist, der einzige Bildschirm, auf dem der Stapel ausgeführt wird.
Das Zurückgehen wird jetzt also nicht funktionieren.
Ich werde dies wieder auf Kategorien zurücksetzen und Sie müssen dies nicht hinzufügen, da dies sowieso eine Standardeinstellung ist.
Standardmäßig wird das erste Schlüsselwertpaar verwendet.
Daher haben wir uns kurz einige Optionen angesehen, die Sie konfigurieren
und vor allem Navigationsoptionen und Standardnavigationsoptionen hinzufügen können. Dies ist sehr wichtig, um
gut aussehende und effiziente Anwendungen zu erstellen, ohne sich immer wieder zu wiederholen, was Sie natürlich nicht möchten Apropos Effizienz:
Wenn Sie mit der Reaktionsnavigation arbeiten, möchten Sie noch etwas anderes tun, oder Sie fragen sich.
Bedenken Sie, dass Sie ein zusätzliches Paket installiert haben, das native Bildschirme reagiert, auf denen standardmäßig Expo-Apps enthalten
sein sollten.
Trotzdem schadet es nicht, es explizit zu installieren, sodass Sie tatsächlich sicherstellen können,
dass unter der Haube die reaktionsfähige Navigation native optimierte Bildschirmkomponenten verwendet, die von Android bereitgestellt werden.
Ich war auf Android, es verwendet D das Fragment, falls Sie ein bisschen in der Android-Entwicklung sind, und auf
Ayahuasca verwendet es den UI View Controller und das verbessert einfach die Leistung ein bisschen mehr.
Hier in dieser einfachen App werden Sie es nicht spüren, aber es ist eine gute Praxis, dieses spezielle Paket oder D spezielle
Bildschirme zu verwenden.
Um dies zu verwenden, sollten Sie zu einem Ort gehen, der ausgeführt wird, bevor Sie Ihren
ersten Bildschirm rendern, der uns in unserem Fall hier und da eine Datei erfassen soll. Sie können jetzt Verwendungsbildschirme aus dem React Native-Bildschirm importieren.
Von diesem Paket aus haben Sie es also gerade installiert und nach Ihren Importen aufgerufen, bevor Sie etwas anderes tun.
Bevor Sie also einen Jazz-Exe-Code rendern, ist dies jetzt wichtig, wenn Sie die neueste Version von Expo und React
Native verwenden, die Sie höchstwahrscheinlich sind.
Dies ist kein Verwendungsbildschirm mehr, sondern ein fähiger Bildschirm, den Sie immer noch so nennen.
Es ist nur ein anderer Name und das ist die einzige Änderung, die wir hier
einfach hinter den Kulissen düster machen müssen.
Wenn Sie diese Bildschirme entsperren, werden Sie keinen Unterschied in dieser App sehen, aber es ist
ein bisschen mehr Leistung, daher würde ich dies besonders in größeren Anwendungen empfehlen.
Auch hier sieht man keinen wirklichen Unterschied.
Aber hinter den Kulissen ist dies jetzt etwas effizienter.