1
00:00:02,200 --> 00:00:07,450
Po dokładnym zapoznaniu się ze sposobem, w jaki ogólnie pracujesz z React Native i

2
00:00:07,480 --> 00:00:09,120
budowaniem aplikacji React Native,

3
00:00:09,170 --> 00:00:10,000
nadszedł

4
00:00:10,090 --> 00:00:17,350
czas, aby kopać nieco głębiej, a także dowiedzieć się, jak możemy tworzyć aplikacje, które świetnie wyglądają na obu platformach,

5
00:00:17,350 --> 00:00:22,510
zarówno na iOS, jak i na Androidzie i że może mieć również domyślny

6
00:00:22,960 --> 00:00:29,690
wygląd, którego można się tam spodziewać, i oczywiście również świetnie wyglądają na różnych urządzeniach, różnych rozmiarach urządzeń.

7
00:00:29,740 --> 00:00:36,220
To się nazywa projektowanie responsywne, twoja aplikacja powinna być zaprojektowana tak, aby automatycznie wyglądała świetnie

8
00:00:36,220 --> 00:00:42,400
na wszystkich możliwych rozmiarach urządzeń, dlatego w tym module dowiesz się wszystkiego o narzędziach,

9
00:00:42,400 --> 00:00:44,490
których potrzebujesz. W szczególności

10
00:00:44,800 --> 00:00:49,320
przyjrzymy się, w jaki sposób możesz dowiedzieć się, jak duże jest urządzenie,

11
00:00:49,330 --> 00:00:55,180
na którym biegasz, a więc jak szerokie, ile masz szerokości, ile masz wysokości i może ma

12
00:00:55,210 --> 00:01:01,270
orientację, ponieważ może chcesz również przedstawić inny układ dla różnych orientacji, dla trybu portretowego i dla

13
00:01:01,270 --> 00:01:06,130
trybu poziomego, dlatego też przyjrzymy się, jak możesz dostosować swoje style i układy

14
00:01:06,130 --> 00:01:11,890
w zależności od rozmiaru i orientacji, ponieważ istnieje kilka różne narzędzia otrzymywane przez React Native.

15
00:01:12,700 --> 00:01:15,220
Teraz rozmiary są jedną rzeczą,

16
00:01:15,250 --> 00:01:20,670
drugą oczywistą rzeczą, którą możesz chcieć objąć, jest platforma, na której pracujesz.

17
00:01:20,680 --> 00:01:26,170
Tworzysz aplikację, którą zwykle chcesz rozpowszechniać zarówno na iOS, jak i na Androidzie,

18
00:01:26,170 --> 00:01:27,880
ponieważ jest to

19
00:01:27,880 --> 00:01:34,120
fajna rzecz z React Native, używasz Javascript, aby uzyskać aplikację na wiele platform, a

20
00:01:34,120 --> 00:01:40,870
czasem musisz dostosować styl, układ lub może nawet logika biznesowa oparta na platformie, na której działasz.

21
00:01:40,900 --> 00:01:47,140
Więc chcesz mieć określony układ lub określony kolor w iOS i możesz mieć inny kolor

22
00:01:47,140 --> 00:01:48,280
w Androidzie, w

23
00:01:48,280 --> 00:01:54,130
tym module dowiesz się, jak ogólnie dostosować kod lub interfejs użytkownika w zależności od

24
00:01:54,130 --> 00:01:54,880
platformy.

25
00:01:54,880 --> 00:02:00,190
Oto główne tematy, w których zajmiemy się w tym module. W tym celu wracam do

26
00:02:00,200 --> 00:02:03,620
aplikacji, nad którą pracowaliśmy, to jest ta aplikacja, którą tam

27
00:02:03,680 --> 00:02:10,550
widzieliśmy, ten podstawowy quiz, nad którym pracowaliśmy, i chcę teraz przejść- krok po kroku upewnij się, że wygląda to dobrze

28
00:02:10,550 --> 00:02:16,130
na różnych rozmiarach urządzeń, że być może dowiemy się również, jak możemy przełączać się po układzie w

29
00:02:16,130 --> 00:02:22,610
zależności od dostępnej przestrzeni i oczywiście chcę również upewnić się, że możemy mieć również inny wygląd w oparciu o

30
00:02:22,640 --> 00:02:24,200
platformę, na której działamy.