1
00:00:02,290 --> 00:00:11,260
Was sich in der Vergangenheit zwischen der Arbeit für und Version 5 mit der Reaktionsnavigation geändert hat, war bei diesen älteren Verschlechterungen

2
00:00:11,500 --> 00:00:18,910
so, dass wir mit der kostenlosen Reaktionsnavigation, für die wir in diesem Kurs verwenden, Routen einrichten konnten,

3
00:00:18,910 --> 00:00:27,580
die sich der Einrichtung von Bildschirmen bewusst waren Wir könnten eine solche registrierungsähnliche Konfiguration in einer Datei einrichten, in der wir

4
00:00:27,580 --> 00:00:34,330
unsere verschiedenen Bildschirme im Grunde genommen Bezeichnern zuordnen, und dann mit diesen Bezeichnern von überall in

5
00:00:34,330 --> 00:00:39,520
der Anwendung aus arbeiten, um zu einem bestimmten Bildschirm zu gelangen.

6
00:00:39,610 --> 00:00:46,030
Wenn es nun darum ging, diese verschiedenen Bildschirme zu konfigurieren, konnten wir dies direkt in der

7
00:00:46,300 --> 00:00:49,540
Bildschirmkomponente oder auch global auf dem Stapel tun.

8
00:00:49,550 --> 00:00:53,650
Navigator zum Beispiel mit den Standardnavigationsoptionen.

9
00:00:53,680 --> 00:01:00,040
Nun funktioniert dieser Ansatz des Navigierens einwandfrei, wie Sie in diesem Kurs sehen, und es ist

10
00:01:00,040 --> 00:01:07,090
nicht unbedingt etwas falsch daran, obwohl wir auch einige Fälle hatten, in denen wir definitiv gesehen haben, dass es

11
00:01:07,270 --> 00:01:13,240
manchmal schwierig sein kann, wenn Sie die Header-Schaltflächen aktualisieren möchten im Header einer Komponente dynamisch.

12
00:01:13,360 --> 00:01:19,870
Man musste die Eltern missbrauchen, um das zu tun, und das war nicht ideal und definitiv ein bisschen schwierig, den

13
00:01:19,870 --> 00:01:20,760
Kopf herumzureißen.

14
00:01:20,890 --> 00:01:26,260
Trotzdem können Sie definitiv die Reaktionsnavigation verwenden, bei der John frei und vier ist,

15
00:01:26,260 --> 00:01:34,510
und Sie können diese Wörter weiterhin verwenden, aber mit der Veröffentlichung von Reaktionsnavigationswörtern und fünf Dingen haben sich ein wenig geändert und wir

16
00:01:34,510 --> 00:01:42,010
haben jetzt Wurzeln aufgebaut und wir navigieren jetzt ein bisschen anders herum Eine super große Änderung zwischen Version 4 und

17
00:01:42,010 --> 00:01:45,230
5, die ich in diesem Modul behandeln werde.

18
00:01:45,370 --> 00:01:52,780
Wir richten unseren lieben Freund jetzt nicht so ein, dass unsere verschiedenen Bildschirmnamen in dieser Registrierung so dargestellt werden,

19
00:01:52,780 --> 00:01:54,920
wie wir es links sehen.

20
00:01:55,030 --> 00:01:59,880
Stattdessen richten wir jetzt alles als Komponentenbaum ein.

21
00:01:59,880 --> 00:02:06,220
Man könnte sagen, jetzt haben wir eine komponentenbasierte Konfiguration unserer verschiedenen Routen.

22
00:02:06,220 --> 00:02:12,100
Wir können zu all unseren verschiedenen Teilen der App gehen, zu denen wir gehen können, und was

23
00:02:12,100 --> 00:02:19,850
hier auf der Folie etwas chaotisch aussieht, wird später in diesem Modul viel sauberer aussehen, wenn wir unser Projekt auf dieses Setup portieren.

24
00:02:19,990 --> 00:02:28,240
Obwohl dies sicherlich eine große Änderung und ein großes mentales Modell ist, das wir vornehmen müssen, weil wir unsere Navigationskonfiguration auf eine

25
00:02:28,240 --> 00:02:34,960
völlig andere Art und Weise eingerichtet haben, bietet es jetzt einige nette Vorteile, da Sie sehen werden, dass

26
00:02:34,960 --> 00:02:41,950
es tatsächlich näher an der Reaktionsweise beim Erstellen von Apps liegt Wo Sie im Grunde überall Komponenten verwenden möchten,

27
00:02:41,950 --> 00:02:48,160
um auszudrücken, wie das Ergebnis aussehen soll, und dann reagieren lassen, um einen Weg dorthin zu

28
00:02:48,160 --> 00:02:48,680
finden.

29
00:02:48,790 --> 00:02:55,290
Und wenn wir unsere Bildschirmkonfiguration so komponentenbasiert einrichten, begründen wir tatsächlich unser Endergebnis und lassen

30
00:02:55,480 --> 00:03:00,560
reagieren und reagieren. Die Navigation findet heraus, wie wir dorthin gelangen.

31
00:03:00,610 --> 00:03:03,120
Das ist also eigentlich ein gutes mentales Modell.

32
00:03:03,160 --> 00:03:08,810
Aber natürlich müssen wir uns daran gewöhnen, und deshalb sollten wir ohne weiteres eintauchen

33
00:03:08,810 --> 00:03:10,600
und unsere Anwendung unterstützen.

34
00:03:10,600 --> 00:03:17,350
Es gibt jedoch noch eine Sache, die ich sagen möchte: Reaktnavigation Dieses Paket mit den Runden

35
00:03:17,350 --> 00:03:25,330
drei und vier ist natürlich immer noch sehr wichtig. Reagieren Sie die Navigationsversion 5 und so weiter ist

36
00:03:25,330 --> 00:03:33,370
die Zukunft der Reagieren-Navigation, aber die überwiegende Mehrheit der Projekte werden Sie dort herausfinden of React Native-Projekte verwenden die

37
00:03:33,370 --> 00:03:39,760
React-Navigation in Wörtern ist kostenlos und müssen daher auch diese Wörter kennen, weshalb der

38
00:03:39,760 --> 00:03:43,630
Gesamtkurs diese Versionen mit diesem Modul weiterhin verwendet.

39
00:03:43,630 --> 00:03:45,220
Ich zeige dir auch, wo du in fünf bist.

40
00:03:45,220 --> 00:03:50,770
Hatten Sie also das vollständige Toolkit und konnten an jedem nativen Projekt arbeiten, unabhängig davon, welche

41
00:03:50,770 --> 00:03:52,930
Navigation ohne Risiko verwendet wurde.