1
00:00:02,270 --> 00:00:08,210
Um eine solche Warnung anzuzeigen, hat React Native uns abgedeckt. Von React Native können wir

2
00:00:08,210 --> 00:00:15,260
Warnungen importieren. Dies ist auch keine Komponente, die wir verwenden, sondern ein Objekt, in dem wir eine native

3
00:00:15,260 --> 00:00:22,670
API aufrufen und eine native Funktion aufrufen können. Wenn wir also hierher zurückkehren, wenn eine dieser Bedingungen erfüllt ist

4
00:00:22,670 --> 00:00:30,380
und wir daher keine gültige Nummer haben, können wir den Alarm anrufen. Alarm und werfen Sie jetzt einen Alarm, den Sie

5
00:00:30,380 --> 00:00:35,930
wie hier beschrieben konfigurieren können. Sie können einen Titel festlegen, eine Nachricht hinzufügen und Schaltflächen sowie einige allgemeine Optionen hinzufügen.

6
00:00:36,280 --> 00:00:39,230
Jetzt könnte der Titel

7
00:00:39,230 --> 00:00:48,680
eine ungültige Nummer sein, die Nachrichtenzeichenfolge könnte eine Nummer zwischen 1 und 99 sein.

8
00:00:50,020 --> 00:00:53,680
Die Schaltflächen sind dann eine Reihe von

9
00:00:53,680 --> 00:01:01,420
Warnschaltflächen. Was Sie hier hinzufügen, sind einfach Javascript-Objekte, bei denen jedes Objekt einen bestimmten Stil,

10
00:01:01,480 --> 00:01:11,200
einen Text und eine Presse haben kann. Wo ich dann einen Stil definiere und Stil hier einer von drei

11
00:01:11,200 --> 00:01:14,650
Textwerten ist, ist es kein Stil,

12
00:01:14,650 --> 00:01:17,100
den Sie mit einem

13
00:01:17,170 --> 00:01:21,520
Stylesheet definiert haben, sondern einer dieser drei vordefinierten Stilbezeichner.

14
00:01:21,520 --> 00:01:25,180
Es ist entweder ein Abbruchstil, Standard oder destruktiv.

15
00:01:25,180 --> 00:01:33,220
Dies ändert die Farbe und Darstellung hier und ich gebe diesen destruktiven Stil als Stil an. Außerdem füge ich

16
00:01:33,220 --> 00:01:39,980
meinen eigenen Druckhandler hinzu, in dem ich auf den Rücksetzeingabehandler zeige, weil ich zurücksetzen möchte die

17
00:01:40,060 --> 00:01:46,000
Benutzereingabe, wenn sie sowieso ungültig war. Damit ist die Warnung konfiguriert und diese Warnung wird

18
00:01:46,000 --> 00:01:47,350
nun angezeigt, wenn

19
00:01:47,350 --> 00:01:50,640
die Eingabe hier ungültig ist. Probieren Sie es aus

20
00:01:50,790 --> 00:01:55,560
und speichern Sie es. Wenn ich hier auf Bestätigen klicke, erhalte ich tatsächlich keine Nummer.

21
00:01:55,590 --> 00:02:02,500
Wir müssen das beheben. Wenn ich hier 0 eingebe, erhalte ich diese Warnung jetzt mit der Schaltfläche OK und wenn ich

22
00:02:02,500 --> 00:02:05,060
darauf klicke Dies ist zurückgesetzt und wir sind

23
00:02:05,080 --> 00:02:12,630
gut, aber stellen wir sicher, dass wir dies auch erhalten, wenn wir keine Nummer haben, wenn die gewählte Nummer keine Nummer ist und der

24
00:02:12,680 --> 00:02:15,700
Grund dafür ist, dass diese Prüfung nicht in Javascript

25
00:02:15,700 --> 00:02:21,470
funktioniert, sondern in Ihnen Haben Sie eine spezielle isNaN-Funktion, um die Sie Ihren Wert wickeln. Diese prüft nun,

26
00:02:21,500 --> 00:02:26,000
ob dies keine Zahl ist. Wenn dies true zurückgibt, schaffen wir es in diesen

27
00:02:26,010 --> 00:02:28,330
if-Block und würden diese Warnung auslösen,

28
00:02:28,330 --> 00:02:31,570
sodass jetzt ein leerer Wert gesendet wird ist auch ungültig.

29
00:02:31,630 --> 00:02:32,600
Das ist

30
00:02:32,680 --> 00:02:37,080
also wichtig, die Verwendung ist keine Zahl anstelle dieser Gleichheitsprüfung.

31
00:02:37,090 --> 00:02:41,030
Jetzt prüfen wir, ob noch gültige Werte zulässig sind. Lassen Sie

32
00:02:41,110 --> 00:02:46,990
uns nun an dieser Bestätigungspräsentation arbeiten, damit wir bald auch in die nächste Phase eintreten und ein Spiel

33
00:02:46,990 --> 00:02:47,890
starten können.