Um loszulegen, läuft die App wieder auf einem Android- und einem iOS-Simulator. Es ist
meine Standard-Start-App. Im Anhang finden Sie das Startprojekt, mit dem Sie arbeiten können, um für mich
das gleiche Start-Setup wie ich zu haben
Es ist nur ein neues React Native-Projekt, das mit expo erstellt wurde, und auf diesem Projekt werden wir aufbauen.
Nun ist natürlich die wichtige Frage, welche Art von App bauen wir hier? Was ist
das Ziel dieses Moduls? In diesem Modul erstellen wir eine Anwendung, in der oben
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
dort eine Anwendung erstellen, in der Sie sich befinden Geben Sie eine Nummer und den Computer
ein, die App wird versuchen, sie zu erraten, und daher haben wir einen Startbildschirm, auf dem Sie eine Eingabe für Ihre
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
hier, also zwei Tasten, mit denen wir diese Eingabe steuern können, dann eine Taste, um das Spiel zu
starten. Wenn Sie also eine Zahl ausgewählt haben, die im Grunde einen anderen Bildschirm lädt, können Sie sagen,
welche noch vorhanden ist Unser Titel oben, aber wo jetzt der Computer ausgegeben wird, sagen wir zunächst 63. Das ist also
eine Vermutung des Computers, die Sie hier auf eine schönere Weise ausgeben, und dann
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
Tasten, um dies zu steuern.
Wir möchten eine Warnung anzeigen, wenn Sie dem Benutzer einen falschen
Hinweis geben. Wenn Ihre Nummer also niedriger ist und Sie mehr sagen, möchte ich
eine Warnung anzeigen, in
der wir sagen, dass Sie nicht schummeln, so etwas, so wenig überprüfen Dort drin
und sobald der Computer die richtige Zahl erraten hat, haben wir hier ein Spiel über dem Bildschirm, wo wir so
etwas wie ein Spiel über sagen, wo ich dann hier ein Bild ausgeben möchte, vielleicht ein so
abgerundetes Bild wie ein Zielbild, ein Gipfel, so etwas und darunter werden wir einen Infotext ausgeben, wie der Computer
Ihre Nummer 15 in 10 Vermutungen erraten hat, also im Grunde eine
Zusammenfassung und auch eine Schaltfläche, um im Grunde neu zu starten und eine neue Runde zu spielen mit einer neuen Nummer.
Das Schöne an dieser Anwendung ist, dass sie natürlich nicht allzu komplex ist, aber nicht Dutzende
von Bildschirmen beteiligt sind. In diesem Fall haben wir jedoch viele verschiedene Komponenten, die
wir auch stylen und gestalten können Wir verwenden ein Bild, wir verwenden unsere eigenen benutzerdefinierten Schriftarten
und wir haben auch einiges an Geschäftslogik, um das Erraten zu steuern, um zu überprüfen, ob die
richtige Anzahl erraten wurde und so weiter. Es ist also eine wirklich schöne App, ein wirklich schöner
zweiter Schritt, der sicherstellt, dass alle Grundlagen klar und deutlich nach diesem Modul festgelegt sind, sodass Sie nach dieser
großartigen Anwendung hier mehr als gut auf fortgeschrittenere Anwendungen vorbereitet sind.