Um eine solche Warnung anzuzeigen, hat React Native uns abgedeckt. Von React Native können wir
Warnungen importieren. Dies ist auch keine Komponente, die wir verwenden, sondern ein Objekt, in dem wir eine native
API aufrufen und eine native Funktion aufrufen können. Wenn wir also hierher zurückkehren, wenn eine dieser Bedingungen erfüllt ist
und wir daher keine gültige Nummer haben, können wir den Alarm anrufen. Alarm und werfen Sie jetzt einen Alarm, den Sie
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.
Jetzt könnte der Titel
eine ungültige Nummer sein, die Nachrichtenzeichenfolge könnte eine Nummer zwischen 1 und 99 sein.
Die Schaltflächen sind dann eine Reihe von
Warnschaltflächen. Was Sie hier hinzufügen, sind einfach Javascript-Objekte, bei denen jedes Objekt einen bestimmten Stil,
einen Text und eine Presse haben kann. Wo ich dann einen Stil definiere und Stil hier einer von drei
Textwerten ist, ist es kein Stil,
den Sie mit einem
Stylesheet definiert haben, sondern einer dieser drei vordefinierten Stilbezeichner.
Es ist entweder ein Abbruchstil, Standard oder destruktiv.
Dies ändert die Farbe und Darstellung hier und ich gebe diesen destruktiven Stil als Stil an. Außerdem füge ich
meinen eigenen Druckhandler hinzu, in dem ich auf den Rücksetzeingabehandler zeige, weil ich zurücksetzen möchte die
Benutzereingabe, wenn sie sowieso ungültig war. Damit ist die Warnung konfiguriert und diese Warnung wird
nun angezeigt, wenn
die Eingabe hier ungültig ist. Probieren Sie es aus
und speichern Sie es. Wenn ich hier auf Bestätigen klicke, erhalte ich tatsächlich keine Nummer.
Wir müssen das beheben. Wenn ich hier 0 eingebe, erhalte ich diese Warnung jetzt mit der Schaltfläche OK und wenn ich
darauf klicke Dies ist zurückgesetzt und wir sind
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
Grund dafür ist, dass diese Prüfung nicht in Javascript
funktioniert, sondern in Ihnen Haben Sie eine spezielle isNaN-Funktion, um die Sie Ihren Wert wickeln. Diese prüft nun,
ob dies keine Zahl ist. Wenn dies true zurückgibt, schaffen wir es in diesen
if-Block und würden diese Warnung auslösen,
sodass jetzt ein leerer Wert gesendet wird ist auch ungültig.
Das ist
also wichtig, die Verwendung ist keine Zahl anstelle dieser Gleichheitsprüfung.
Jetzt prüfen wir, ob noch gültige Werte zulässig sind. Lassen Sie
uns nun an dieser Bestätigungspräsentation arbeiten, damit wir bald auch in die nächste Phase eintreten und ein Spiel
starten können.