Damit wir feststellen können, dass das Spiel beendet
ist, wäre es schön, auch eine Zusammenfassung über das Spiel auf dem Bildschirm auszugeben.
Jetzt können wir uns später eingehender mit dem Styling und der Detailausgabe befassen. Stellen wir jetzt nur sicher, dass
wir mindestens die Anzahl der Runden ausgeben, die der Computer zum Gewinnen benötigt hat, oder was es
bedeutet, zu gewinnen, um unsere Anzahl zu erraten.
Die Anzahl der Runden möchte ich hier auf dem Spiel über dem Bildschirm ausgeben, und das ist natürlich
ein Wert, den wir von unseren Requisiten erhalten müssen, da wir diese Anzahl von Runden in
der App-Komponente am Ende verwalten, hier in Raten .
Im Spiel über dem Bildschirm erhalten wir dies für Requisiten, Runden, Nummern oder was auch immer Sie benennen
möchten. Es liegt an Ihnen, wie Sie diese Requisiten benennen und möglicherweise auch die Nummer ausgeben, die der Computer erraten musste,
die Nummer war und dann die Requisiten Benutzernummer vielleicht.
Das sind also zwei Requisiten, die wir jetzt auf dem Spiel über dem Bildschirm einstellen
müssen, die Rundennummer und die Benutzernummer.
Zurück in der App-Komponente auf dem Spiel über dem Bildschirm legen wir die Rundennummer
und die Benutzernummer fest. Die Benutzernummer sollte natürlich unsere Benutzernummer sein, die
wir dort haben. Die Benutzernummer zwischen den geschweiften Klammern bezieht sich jetzt auf unseren Benutzernummernstatus hier, die Benutzernummer Bevor sich das
Gleichheitszeichen einfach auf die Requisite bezieht, die wir über den Bildschirm an das Spiel weitergeben, ist die Anzahl der Runden natürlich
eine Anzahl von Runden. Das
ist also die Anzahl der Runden, die der Computer benötigt hat, um dies zu erraten.
Dies wird nun über den Bildschirm an das Spiel weitergeleitet und kann dort ausgegeben werden. Auf dem Spiel über
dem Bildschirm möchte ich auch eine Schaltfläche haben, mit der der Benutzer das Spiel neu starten kann.
Fügen wir hier
eine Schaltfläche hinzu, und dafür müssen Sie die Schaltfläche
aus React Native importieren. Fügen Sie hier eine Schaltfläche hinzu, und der Titel dieser Schaltfläche könnte ein neues
Spiel sein. Auf Knopfdruck möchte ich ein neues Spiel starten. Jetzt ist wieder die App-Komponente, in der wir am Ende
steuern, ob das Spiel läuft oder nicht, wo wir die verschiedenen Spielbildschirme präsentieren.
Hier müssen wir also etwas ändern, wenn ein neues Spiel starten soll, und
es wäre sinnvoll, dass wir in der App-Komponente eine neue Funktion haben, die überall definiert werden
kann. Ich werde sie hier als erste Funktion definieren, weil sie es ist Die Funktion, mit der wir ein neues
Spiel konfigurieren können, also vielleicht einen neuen Game-Handler konfigurieren, Sie können es benennen, was Sie wollen, und dort erwarte ich keine Argumente, aber ich möchte meine
Vermutungsrunden auf Null setzen und
daher brauchen wir das eigentlich nicht Dies hier zu tun, wenn wir ein neues Spiel starten, weil wir es definitiv richtig
machen, bevor wir überhaupt ein neues Spiel konfigurieren. Wir können hier also die Schätzrunden auf Null
setzen, und auf diese
Weise stellen wir bereits sicher, dass diese Bedingung bei unserer Überprüfung dort unten nicht mehr
erfüllt wird, denn wenn wir die Schätzrunden auf Null setzen, ist sie mit Sicherheit
nicht mehr größer als Null. Wir werden das Spiel also sicher über dem Bildschirm belassen und dann den Spielbildschirm erneut anzeigen.
Um den Startspielbildschirm wieder zu sehen, den wir sehen möchten, da dies der Bildschirm ist,
auf dem wir ein neues Spiel konfigurieren und starten können, müssen wir sicherstellen, dass wir auch die Benutzernummer zurücksetzen,
also die ausgewählte Nummer.
Hier können wir also auch die Benutzernummer auf null setzen, um dies auf einen falschen Wert zurückzusetzen und jetzt den neuen Game-Handler zu konfigurieren, der
alles zurücksetzt, was wir dort unten überprüfen. Daher sollten wir den
Startbildschirm des Spiels sehen, jetzt müssen
wir nur noch a übergeben Zeiger auf Konfigurieren des neuen Game-Handlers auf das Spiel über dem Bildschirm.
Also werde ich dort vielleicht eine Requisite onRestart hinzufügen und das deutet darauf
hin, dass ein neuer Game-Handler konfiguriert wird.
Jetzt können wir die onRestart-Requisite innerhalb des Spiels über dem Bildschirm verwenden, indem wir sie an diese Schaltfläche
binden. Dort möchte ich bei einem Druck onRestart als Funktion ohne Klammern ausführen, da ich hier nur
darauf zeige, damit onPress dies registriert Zeiger und
wenn diese Taste gedrückt wird, wird diese Funktion ausgeführt. Probieren wir das alles aus, geben wir eine
Zahl ein, vielleicht 41, und starten ein Spiel und dann niedriger, das war schnell,
aber gut, das ist okay.
Zwei Runden,
die Zahl war 41, das
ist richtig und wenn ich auf ein neues Spiel klicke, sind wir wieder hier.
Probieren wir es aus,
66, größer,
größer, niedriger, niedriger,
niedriger,
sogar niedriger, größer, niedriger,
gut, das dauert
lange, niedriger, größer, größer,
niedriger, niedriger, größer, ja
14 Runden. Es kann also
auch länger dauern, aber Hauptsache, unsere Logik funktioniert hier
und das ist eigentlich schon die fertige Logik des gesamten Spiels.
Was jetzt jedoch noch nicht fertig ist, ist das gesamte Styling. Ich möchte hier eine andere
Schaltfläche haben, möchte hier andere
Schaltflächen haben, möchte meine
eigene Schriftart verwenden, möchte einige Symbole verwenden und ich möchte auch sicherstellen, dass wir ein wenig zeigen Bild auf dem Bildschirm, wo das Spiel vorbei
ist, also möchte ich hier auch ein kleines
Bild haben.
Das sind also alles Dinge, die wir als
nächstes angehen werden. Es müssen viele Stile und Bilder hinzugefügt werden.