1 00:00:02,340 --> 00:00:05,010 Jesteśmy w stanie wykryć, że gra 2 00:00:05,010 --> 00:00:08,970 się skończyła, teraz fajnie byłoby też przedstawić podsumowanie gry na ekranie. 3 00:00:09,110 --> 00:00:14,430 Teraz możemy zanurzyć się głębiej w stylizację i szczegółowe dane wyjściowe później, na razie 4 00:00:14,910 --> 00:00:20,070 upewnijmy się, że możemy przynajmniej wyprowadzić liczbę rund, które zajęło komputerowi wygraną lub co 5 00:00:20,070 --> 00:00:22,550 to znaczy wygrać, zgadnąć naszą liczbę. 6 00:00:22,770 --> 00:00:27,870 Tak więc liczba rund jest czymś, co chcę przekazać tutaj w grze na ekranie i jest 7 00:00:27,870 --> 00:00:32,610 to oczywiście wartość, którą musimy uzyskać z naszych rekwizytów, ponieważ w końcu zarządzamy tą liczbą 8 00:00:32,610 --> 00:00:35,400 rund w komponencie aplikacji, tutaj w przypuszczeniach . 9 00:00:35,400 --> 00:00:43,200 Tak więc w grze wyświetlanej na ekranie otrzymujemy to na rekwizytach, rundach, numerach lub cokolwiek, jak chcesz 10 00:00:43,200 --> 00:00:52,010 to nazwać, to od Ciebie zależy, jak nazwiesz ten rekwizyt, a może także wypisze numer, który komputer musiał odgadnąć, 11 00:00:52,250 --> 00:00:56,260 numer był, a następnie rekwizyty numer użytkownika może. 12 00:00:56,270 --> 00:01:00,060 Są to więc dwa rekwizyty, które musimy teraz ustawić w grze na ekranie, 13 00:01:00,230 --> 00:01:01,850 numer rundy i numer użytkownika. 14 00:01:01,850 --> 00:01:06,220 Wracając do komponentu aplikacji w grze na ekranie, ustawiamy liczbę rund i 15 00:01:06,440 --> 00:01:10,030 numer użytkownika, numer użytkownika oczywiście powinien być naszym numerem 16 00:01:10,030 --> 00:01:16,430 użytkownika, który tam mamy, numer użytkownika między nawiasami klamrowymi odnosi się teraz do naszego stanu numerów tutaj, numer 17 00:01:16,430 --> 00:01:22,810 użytkownika zanim znak równości po prostu odnosi się do rekwizytu, który przekazujemy do gry na ekranie, a liczba 18 00:01:22,820 --> 00:01:24,700 rund to oczywiście liczba 19 00:01:24,700 --> 00:01:29,090 rund, więc jest to liczba rund potrzebnych do odgadnięcia tego przez komputer. 20 00:01:29,120 --> 00:01:33,560 To jest teraz przekazywane do gry za pośrednictwem ekranu i może być tam wyprowadzane, na 21 00:01:35,340 --> 00:01:39,740 grze za ekranem chcę również mieć przycisk, który pozwoli użytkownikowi ponownie uruchomić grę. 22 00:01:39,780 --> 00:01:41,260 Dodajmy tutaj 23 00:01:41,430 --> 00:01:44,880 przycisk, a do tego musisz zaimportować przycisk 24 00:01:45,230 --> 00:01:52,230 z React Native, więc dodajmy tutaj przycisk, a tytuł tego przycisku może być nową 25 00:01:52,500 --> 00:02:00,360 grą, a po naciśnięciu chcę rozpocząć nową grę. Teraz znowu komponent aplikacji to miejsce, w którym ostatecznie kontrolujemy, 26 00:02:00,420 --> 00:02:04,840 czy gra jest uruchomiona, czy też nie, gdzie prezentujemy różne ekrany gry. 27 00:02:04,860 --> 00:02:09,470 Więc tutaj musimy coś zmienić, jeśli ma się rozpocząć nowa gra, 28 00:02:09,750 --> 00:02:15,480 i ma sens, że w komponencie aplikacji mamy nową funkcję, którą można zdefiniować 29 00:02:15,480 --> 00:02:22,410 gdziekolwiek, zdefiniuję ją tutaj jako pierwszą funkcję, ponieważ jest funkcja, która pozwala nam skonfigurować nową grę, 30 00:02:22,410 --> 00:02:31,560 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 31 00:02:31,600 --> 00:02:33,520 rundy zgadywania na 32 00:02:33,700 --> 00:02:40,880 zero, a zatem w rzeczywistości nie potrzebujemy aby to zrobić tutaj, kiedy rozpoczynamy nową grę, ponieważ zdecydowanie 33 00:02:40,880 --> 00:02:47,000 robimy to tuż przed skonfigurowaniem nowej gry. Możemy więc ustawić tutaj liczbę rund zgadywania 34 00:02:47,000 --> 00:02:48,880 i robiąc to, upewniamy 35 00:02:49,160 --> 00:02:54,640 się już, że jeśli sprawdzimy tam na dole, warunek ten nie będzie już 36 00:02:54,660 --> 00:02:59,650 spełniony, ponieważ jeśli ustawimy rundy zgadywania na zero, to z pewnością nie 37 00:02:59,780 --> 00:03:07,140 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. 38 00:03:07,220 --> 00:03:11,960 Aby ponownie zobaczyć ekran startowy gry, który chcemy zobaczyć, ponieważ jest to ekran, 39 00:03:11,960 --> 00:03:17,960 który pozwala nam skonfigurować i uruchomić nową grę, musimy upewnić się, że zresetowaliśmy również numer użytkownika, a 40 00:03:17,990 --> 00:03:19,490 więc wybrany numer. 41 00:03:19,580 --> 00:03:27,260 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 42 00:03:27,260 --> 00:03:30,640 gier resetuje wszystko, co tam sprawdzamy, dlatego powinniśmy 43 00:03:30,830 --> 00:03:33,050 zobaczyć ekran startowy gry, teraz 44 00:03:33,080 --> 00:03:38,450 musimy tylko przekazać wskaźnik przy konfiguracji nowego modułu obsługi gry do gry na ekranie. 45 00:03:38,810 --> 00:03:43,150 Więc dodam propozycję na Ponowne uruchomienie i to wskazuje na 46 00:03:43,390 --> 00:03:46,250 konfigurację nowego modułu obsługi gry. 47 00:03:46,250 --> 00:03:53,230 Więc teraz możemy użyć prop onRestart w grze na ekranie, wiążąc go z tym przyciskiem, tam po 48 00:03:53,240 --> 00:03:59,660 naciśnięciu chcę wykonać onRestart jako funkcję bez nawiasów tutaj, ponieważ tutaj, po prostu wskazuję na 49 00:03:59,720 --> 00:04:03,030 to, aby onPress zarejestrował to wskaźnik i 50 00:04:03,020 --> 00:04:10,440 po naciśnięciu tego przycisku funkcja ta zostanie uruchomiona. Spróbujmy tego wszystkiego, wpiszmy liczbę, być 51 00:04:10,440 --> 00:04:17,130 może 41, i rozpocznijmy grę, a potem obniżmy, to było szybkie, 52 00:04:17,130 --> 00:04:19,740 ale dobrze, w porządku. 53 00:04:19,830 --> 00:04:20,600 Dwie rundy, 54 00:04:20,610 --> 00:04:21,740 liczba wynosiła 41, 55 00:04:21,750 --> 00:04:24,950 to prawda i jeśli kliknę nową grę, wrócimy tutaj. 56 00:04:25,050 --> 00:04:27,210 Spróbujmy, 66, większy, większy, 57 00:04:27,510 --> 00:04:29,110 niższy, niższy, 58 00:04:29,160 --> 00:04:30,850 niższy, jeszcze niższy, 59 00:04:30,900 --> 00:04:32,070 większy, 60 00:04:32,070 --> 00:04:34,230 niższy, no cóż, to 61 00:04:34,230 --> 00:04:36,200 zajmuje dużo czasu, 62 00:04:36,210 --> 00:04:38,470 mniejszy, większy, większy, niższy, 63 00:04:38,520 --> 00:04:40,550 niższy, większy, tak, 64 00:04:40,590 --> 00:04:43,560 14 rund. Może to również 65 00:04:43,560 --> 00:04:46,720 potrwać dłużej, ale najważniejsze jest to, że nasza logika 66 00:04:46,720 --> 00:04:50,580 tutaj działa i to właściwie jest już ukończona logika całej gry. 67 00:04:50,580 --> 00:04:55,730 Jednak to, co jeszcze nie zostało ukończone, to ogólna stylizacja, chcę mieć tutaj inny 68 00:04:55,740 --> 00:04:57,350 przycisk, chcę mieć tutaj 69 00:04:57,500 --> 00:04:58,860 inne przyciski, chcę użyć 70 00:04:58,860 --> 00:05:06,930 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ę 71 00:05:06,930 --> 00:05:09,400 kończy, więc tutaj też chcę mieć 72 00:05:09,400 --> 00:05:10,650 mały obrazek. 73 00:05:10,660 --> 00:05:13,000 Więc to są wszystkie rzeczy, którymi zajmiemy 74 00:05:13,000 --> 00:05:15,630 się dalej, dużo stylizacji i dodawania zdjęć do zrobienia.