1
00:00:02,180 --> 00:00:07,730
Um loszulegen, läuft die App wieder auf einem Android- und einem iOS-Simulator. Es ist

2
00:00:07,730 --> 00:00:13,820
meine Standard-Start-App. Im Anhang finden Sie das Startprojekt, mit dem Sie arbeiten können, um für mich

3
00:00:13,830 --> 00:00:16,820
das gleiche Start-Setup wie ich zu haben

4
00:00:16,940 --> 00:00:24,060
Es ist nur ein neues React Native-Projekt, das mit expo erstellt wurde, und auf diesem Projekt werden wir aufbauen.

5
00:00:24,200 --> 00:00:30,740
Nun ist natürlich die wichtige Frage, welche Art von App bauen wir hier? Was ist

6
00:00:30,740 --> 00:00:38,240
das Ziel dieses Moduls? In diesem Modul erstellen wir eine Anwendung, in der oben

7
00:00:38,240 --> 00:00:48,380
ein kleiner Header angezeigt werden soll, also oben eine kleine Leiste, in der einfach der Titel angezeigt wird, bei dem es sich um eine Zahl handelt, da wir

8
00:00:48,380 --> 00:00:54,620
dort eine Anwendung erstellen, in der Sie sich befinden Geben Sie eine Nummer und den Computer

9
00:00:54,620 --> 00:01:02,360
ein, die App wird versuchen, sie zu erraten, und daher haben wir einen Startbildschirm, auf dem Sie eine Eingabe für Ihre

10
00:01:02,960 --> 00:01:12,010
Nummer haben, die der Benutzer der App eingeben kann, und dann haben wir natürlich zwei Schaltflächen Im Grunde genommen eine Bestätigungstaste hier und eine Rücksetztaste

11
00:01:12,080 --> 00:01:18,770
hier, also zwei Tasten, mit denen wir diese Eingabe steuern können, dann eine Taste, um das Spiel zu

12
00:01:18,770 --> 00:01:25,460
starten. Wenn Sie also eine Zahl ausgewählt haben, die im Grunde einen anderen Bildschirm lädt, können Sie sagen,

13
00:01:25,460 --> 00:01:33,240
welche noch vorhanden ist Unser Titel oben, aber wo jetzt der Computer ausgegeben wird, sagen wir zunächst 63. Das ist also

14
00:01:33,290 --> 00:01:38,720
eine Vermutung des Computers, die Sie hier auf eine schönere Weise ausgeben, und dann

15
00:01:38,720 --> 00:01:46,370
müssen Sie feststellen, ob die tatsächliche Anzahl niedriger oder größer als ist Was der Computer hier errät, also hast du zwei

16
00:01:46,370 --> 00:01:48,710
Tasten, um dies zu steuern.

17
00:01:48,740 --> 00:01:52,910
Wir möchten eine Warnung anzeigen, wenn Sie dem Benutzer einen falschen

18
00:01:52,940 --> 00:01:58,280
Hinweis geben. Wenn Ihre Nummer also niedriger ist und Sie mehr sagen, möchte ich

19
00:01:58,310 --> 00:02:00,190
eine Warnung anzeigen, in

20
00:02:00,260 --> 00:02:05,660
der wir sagen, dass Sie nicht schummeln, so etwas, so wenig überprüfen Dort drin

21
00:02:05,660 --> 00:02:12,980
und sobald der Computer die richtige Zahl erraten hat, haben wir hier ein Spiel über dem Bildschirm, wo wir so

22
00:02:13,460 --> 00:02:19,760
etwas wie ein Spiel über sagen, wo ich dann hier ein Bild ausgeben möchte, vielleicht ein so

23
00:02:19,760 --> 00:02:26,810
abgerundetes Bild wie ein Zielbild, ein Gipfel, so etwas und darunter werden wir einen Infotext ausgeben, wie der Computer

24
00:02:27,020 --> 00:02:31,820
Ihre Nummer 15 in 10 Vermutungen erraten hat, also im Grunde eine

25
00:02:31,820 --> 00:02:39,440
Zusammenfassung und auch eine Schaltfläche, um im Grunde neu zu starten und eine neue Runde zu spielen mit einer neuen Nummer.

26
00:02:39,440 --> 00:02:46,130
Das Schöne an dieser Anwendung ist, dass sie natürlich nicht allzu komplex ist, aber nicht Dutzende

27
00:02:46,140 --> 00:02:52,220
von Bildschirmen beteiligt sind. In diesem Fall haben wir jedoch viele verschiedene Komponenten, die

28
00:02:52,220 --> 00:02:58,970
wir auch stylen und gestalten können Wir verwenden ein Bild, wir verwenden unsere eigenen benutzerdefinierten Schriftarten

29
00:02:58,970 --> 00:03:05,960
und wir haben auch einiges an Geschäftslogik, um das Erraten zu steuern, um zu überprüfen, ob die

30
00:03:05,960 --> 00:03:12,800
richtige Anzahl erraten wurde und so weiter. Es ist also eine wirklich schöne App, ein wirklich schöner

31
00:03:12,800 --> 00:03:18,910
zweiter Schritt, der sicherstellt, dass alle Grundlagen klar und deutlich nach diesem Modul festgelegt sind, sodass Sie nach dieser

32
00:03:19,010 --> 00:03:22,730
großartigen Anwendung hier mehr als gut auf fortgeschrittenere Anwendungen vorbereitet sind.