1
00:00:02,200 --> 00:00:07,450
Nachdem Sie eine gründliche Einführung in die allgemeine Arbeit mit React Native und das Erstellen

2
00:00:07,480 --> 00:00:09,120
von React Native-Anwendungen erhalten

3
00:00:09,170 --> 00:00:10,000
haben, ist

4
00:00:10,090 --> 00:00:17,350
es natürlich an der Zeit, etwas tiefer zu gehen und zu lernen, wie wir Anwendungen erstellen können, die auf beiden Plattformen,

5
00:00:17,350 --> 00:00:22,510
sowohl auf iOS als auch auf Android, gut aussehen und das hat vielleicht auch

6
00:00:22,960 --> 00:00:29,690
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.

7
00:00:29,740 --> 00:00:36,220
Das nennt man Responsive Design. Ihre App sollte so gestaltet sein, dass sie auf allen möglichen

8
00:00:36,220 --> 00:00:42,400
Gerätegrößen automatisch gut aussieht. In diesem Modul erfahren Sie alles über die Tools, die Sie

9
00:00:42,400 --> 00:00:44,490
dafür benötigen. Insbesondere werden wir

10
00:00:44,800 --> 00:00:49,320
uns ansehen, wie Sie herausfinden können, wie groß das Gerät ist, auf dem

11
00:00:49,330 --> 00:00:55,180
Sie arbeiten, wie breit es ist, wie breit Sie sind, wie hoch Sie sind und vielleicht welche Ausrichtung

12
00:00:55,210 --> 00:01:01,270
es hat, weil vielleicht Sie möchten auch ein anderes Layout für verschiedene Ausrichtungen, für den Hochformat- und den Querformatmodus

13
00:01:01,270 --> 00:01:06,130
präsentieren. Daher sehen wir uns auch an, wie Sie Ihre Stile und Layouts basierend auf

14
00:01:06,130 --> 00:01:11,500
Größe und Ausrichtung anpassen können, da es einige gibt verschiedene Tools, die Sie von React Native

15
00:01:11,500 --> 00:01:11,890
erhalten.

16
00:01:12,700 --> 00:01:15,220
Jetzt sind die Größen eine Sache,

17
00:01:15,250 --> 00:01:20,670
die andere offensichtliche Sache, die Sie abdecken möchten, ist die Plattform, auf der Sie laufen.

18
00:01:20,680 --> 00:01:26,170
Sie erstellen eine App, die Sie normalerweise sowohl auf iOS als auch auf Android verteilen möchten,

19
00:01:26,170 --> 00:01:27,880
da dies bei React

20
00:01:27,880 --> 00:01:34,120
Native cool ist. Sie verwenden Javascript, um eine App für mehrere Plattformen zu erhalten, und manchmal müssen Sie

21
00:01:34,120 --> 00:01:40,870
Ihr Styling oder Ihr Layout anpassen oder Vielleicht sogar eine Geschäftslogik, die auf der Plattform basiert, auf der Sie laufen.

22
00:01:40,900 --> 00:01:47,140
Wenn Sie unter iOS ein bestimmtes Layout oder eine bestimmte Farbe und unter Android möglicherweise eine andere Farbe

23
00:01:47,140 --> 00:01:48,280
haben möchten, erfahren Sie

24
00:01:48,280 --> 00:01:54,130
in diesem Modul, wie Sie Ihren Code oder Ihre Benutzeroberfläche im Allgemeinen basierend auf der Plattform anpassen

25
00:01:54,130 --> 00:01:54,880
können.

26
00:01:54,880 --> 00:02:00,190
Das sind also die großen Themen, mit denen wir uns in diesem Modul befassen werden. Dafür bin ich

27
00:02:00,200 --> 00:02:03,620
wieder bei der App, an der wir gearbeitet haben. Dies ist

28
00:02:03,680 --> 00:02:10,550
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,

29
00:02:10,550 --> 00:02:16,130
dass dies auf verschiedenen Gerätegrößen gut aussieht, dass wir vielleicht auch lernen, wie wir das Layout basierend auf dem

30
00:02:16,130 --> 00:02:22,610
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,

31
00:02:22,640 --> 00:02:24,200
auf der wir laufen.