Jesteśmy w stanie wykryć, że gra
się skończyła, teraz fajnie byłoby też przedstawić podsumowanie gry na ekranie.
Teraz możemy zanurzyć się głębiej w stylizację i szczegółowe dane wyjściowe później, na razie
upewnijmy się, że możemy przynajmniej wyprowadzić liczbę rund, które zajęło komputerowi wygraną lub co
to znaczy wygrać, zgadnąć naszą liczbę.
Tak więc liczba rund jest czymś, co chcę przekazać tutaj w grze na ekranie i jest
to oczywiście wartość, którą musimy uzyskać z naszych rekwizytów, ponieważ w końcu zarządzamy tą liczbą
rund w komponencie aplikacji, tutaj w przypuszczeniach .
Tak więc w grze wyświetlanej na ekranie otrzymujemy to na rekwizytach, rundach, numerach lub cokolwiek, jak chcesz
to nazwać, to od Ciebie zależy, jak nazwiesz ten rekwizyt, a może także wypisze numer, który komputer musiał odgadnąć,
numer był, a następnie rekwizyty numer użytkownika może.
Są to więc dwa rekwizyty, które musimy teraz ustawić w grze na ekranie,
numer rundy i numer użytkownika.
Wracając do komponentu aplikacji w grze na ekranie, ustawiamy liczbę rund i
numer użytkownika, numer użytkownika oczywiście powinien być naszym numerem
użytkownika, który tam mamy, numer użytkownika między nawiasami klamrowymi odnosi się teraz do naszego stanu numerów tutaj, numer
użytkownika zanim znak równości po prostu odnosi się do rekwizytu, który przekazujemy do gry na ekranie, a liczba
rund to oczywiście liczba
rund, więc jest to liczba rund potrzebnych do odgadnięcia tego przez komputer.
To jest teraz przekazywane do gry za pośrednictwem ekranu i może być tam wyprowadzane, na
grze za ekranem chcę również mieć przycisk, który pozwoli użytkownikowi ponownie uruchomić grę.
Dodajmy tutaj
przycisk, a do tego musisz zaimportować przycisk
z React Native, więc dodajmy tutaj przycisk, a tytuł tego przycisku może być nową
grą, a po naciśnięciu chcę rozpocząć nową grę. Teraz znowu komponent aplikacji to miejsce, w którym ostatecznie kontrolujemy,
czy gra jest uruchomiona, czy też nie, gdzie prezentujemy różne ekrany gry.
Więc tutaj musimy coś zmienić, jeśli ma się rozpocząć nowa gra,
i ma sens, że w komponencie aplikacji mamy nową funkcję, którą można zdefiniować
gdziekolwiek, zdefiniuję ją tutaj jako pierwszą funkcję, ponieważ jest funkcja, która pozwala nam skonfigurować nową grę,
więc może skonfiguruj nowy moduł obsługi gry, możesz nazwać go jak chcesz i tam, nie oczekuję żadnych argumentów, ale chcę ustawić moje
rundy zgadywania na
zero, a zatem w rzeczywistości nie potrzebujemy aby to zrobić tutaj, kiedy rozpoczynamy nową grę, ponieważ zdecydowanie
robimy to tuż przed skonfigurowaniem nowej gry. Możemy więc ustawić tutaj liczbę rund zgadywania
i robiąc to, upewniamy
się już, że jeśli sprawdzimy tam na dole, warunek ten nie będzie już
spełniony, ponieważ jeśli ustawimy rundy zgadywania na zero, to z pewnością nie
będzie już więcej niż zero, więc z pewnością opuścimy grę ponad ekranem, a następnie ponownie wyświetlimy ekran gry.
Aby ponownie zobaczyć ekran startowy gry, który chcemy zobaczyć, ponieważ jest to ekran,
który pozwala nam skonfigurować i uruchomić nową grę, musimy upewnić się, że zresetowaliśmy również numer użytkownika, a
więc wybrany numer.
Więc tutaj możemy również ustawić numer użytkownika na zero, zresetować go do fałszywej wartości i teraz skonfigurować nowy moduł obsługi
gier resetuje wszystko, co tam sprawdzamy, dlatego powinniśmy
zobaczyć ekran startowy gry, teraz
musimy tylko przekazać wskaźnik przy konfiguracji nowego modułu obsługi gry do gry na ekranie.
Więc dodam propozycję na Ponowne uruchomienie i to wskazuje na
konfigurację nowego modułu obsługi gry.
Więc teraz możemy użyć prop onRestart w grze na ekranie, wiążąc go z tym przyciskiem, tam po
naciśnięciu chcę wykonać onRestart jako funkcję bez nawiasów tutaj, ponieważ tutaj, po prostu wskazuję na
to, aby onPress zarejestrował to wskaźnik i
po naciśnięciu tego przycisku funkcja ta zostanie uruchomiona. Spróbujmy tego wszystkiego, wpiszmy liczbę, być
może 41, i rozpocznijmy grę, a potem obniżmy, to było szybkie,
ale dobrze, w porządku.
Dwie rundy,
liczba wynosiła 41,
to prawda i jeśli kliknę nową grę, wrócimy tutaj.
Spróbujmy, 66, większy, większy,
niższy, niższy,
niższy, jeszcze niższy,
większy,
niższy, no cóż, to
zajmuje dużo czasu,
mniejszy, większy, większy, niższy,
niższy, większy, tak,
14 rund. Może to również
potrwać dłużej, ale najważniejsze jest to, że nasza logika
tutaj działa i to właściwie jest już ukończona logika całej gry.
Jednak to, co jeszcze nie zostało ukończone, to ogólna stylizacja, chcę mieć tutaj inny
przycisk, chcę mieć tutaj
inne przyciski, chcę użyć
własnej czcionki, chcę użyć niektórych ikon, a także chcę się upewnić, że pokażemy trochę obraz na ekranie, na którym gra się
kończy, więc tutaj też chcę mieć
mały obrazek.
Więc to są wszystkie rzeczy, którymi zajmiemy
się dalej, dużo stylizacji i dodawania zdjęć do zrobienia.