1
00:00:02,250 --> 00:00:04,350
Teraz naprawmy również grę na ekranie,

2
00:00:04,350 --> 00:00:07,130
nie jest tak źle, ponieważ można ją przewijać,

3
00:00:07,200 --> 00:00:11,790
oczywiście możesz także bawić się z różnymi układami, możesz dodatkowo zmniejszyć obraz, jeśli

4
00:00:11,790 --> 00:00:17,360
jesteś na mniejszym ekranie, co możesz zrobić, nauczyłeś się, jak to robić z wymiarami, z detektorami

5
00:00:17,370 --> 00:00:18,150
zdarzeń

6
00:00:18,150 --> 00:00:20,010
- używaj efektu i useState.

7
00:00:20,070 --> 00:00:25,160
Będę tutaj bardzo prosty i upewnię się, że skorzystamy z widoku przewijania, który już

8
00:00:25,170 --> 00:00:29,550
mamy i mamy nieco więcej odstępów na dole, aby wyglądało to lepiej.

9
00:00:29,550 --> 00:00:35,610
Ostatecznie jest to bardzo łatwe do zaimplementowania w grze na ekranie.

10
00:00:35,710 --> 00:00:44,200
Mam mój główny przycisk tutaj na dole i potrzebuję więcej odstępów tutaj lub innymi słowy, w tym

11
00:00:44,200 --> 00:00:47,520
widoku, który zawiera całą zawartość,

12
00:00:47,560 --> 00:00:53,470
na ekranie muszę tylko dodać trochę wypełnienia, wypełnienie jest pionowe, aby było

13
00:00:53,470 --> 00:00:56,940
precyzyjne, więc góra i dół powiedzmy 10.

14
00:00:56,950 --> 00:00:58,740
To bardzo prosta

15
00:00:58,750 --> 00:01:01,390
zmiana, jak powiedziałem, możesz przejść bardziej

16
00:01:01,420 --> 00:01:04,930
skomplikowany, nauczyłeś się wszystkiego o narzędziach, których potrzebujesz,

17
00:01:07,880 --> 00:01:09,100
zacznijmy grę.

18
00:01:09,510 --> 00:01:24,410
Cóż, rzućmy okiem, czy ta prosta poprawka spełnia swoje zadanie i dzięki temu jestem dobry.

19
00:01:24,670 --> 00:01:27,070
Ponownie mamy kilka rzeczy, które można

20
00:01:27,070 --> 00:01:34,340
poprawić, na przykład blokujemy szerokość obrazu w oparciu o orientację, którą mamy na początku i nie jest to

21
00:01:34,360 --> 00:01:36,610
tym, czego moglibyśmy chcieć tutaj,

22
00:01:36,670 --> 00:01:43,180
możemy chcieć dynamicznie przeliczyć to i w tym celu musiałbyś zarządzać za pomocą wbudowanych stylów i

23
00:01:43,210 --> 00:01:45,990
stanów oraz używać efektu i detektora zdarzeń.

24
00:01:46,000 --> 00:01:47,370
Zostawię to tutaj, aby

25
00:01:47,520 --> 00:01:52,510
nie niepotrzebnie nadmuchać tego modułu, ale dowiedziałeś się o narzędziach, których potrzebujesz,

26
00:01:52,540 --> 00:01:58,420
i dzięki temu masz wszystkie podstawowe narzędzia, głównie API wymiarów i różne sposoby wykorzystania

27
00:01:58,420 --> 00:02:05,590
go do budowy ładne interfejsy użytkownika, które dobrze wyglądają i działają świetnie na różnych orientacjach i różnych

28
00:02:05,590 --> 00:02:06,850
rozmiarach urządzeń.