1
00:00:02,370 --> 00:00:04,560
Kluczową częścią React Native

2
00:00:04,680 --> 00:00:07,900
są te komponenty, które są wbudowane w React

3
00:00:07,920 --> 00:00:13,340
Native, ponieważ jak dowiedziałeś się w pierwszej części tego kursu, są to specjalne

4
00:00:13,350 --> 00:00:21,420
komponenty, dla których React Native wie, jak tłumaczyć, jak skompilować je do widżetów platformy Native, a ty może używać tylko

5
00:00:21,420 --> 00:00:23,730
takich komponentów w aplikacjach React Native.

6
00:00:23,790 --> 00:00:29,070
Możesz budować własne komponenty, ale one również muszą składać się z tych wbudowanych

7
00:00:29,190 --> 00:00:29,910
komponentów,

8
00:00:30,000 --> 00:00:33,390
nie możesz używać div, akapitów ani niczego podobnego.

9
00:00:33,600 --> 00:00:38,550
Musimy więc pracować z tymi wbudowanymi w React Native, ponieważ tam React Native wie,

10
00:00:38,550 --> 00:00:43,640
jak je przetłumaczyć, i mamy takie rzeczy, jak widok, tekst, przycisk, dotykowe wprowadzanie tekstu,

11
00:00:43,650 --> 00:00:46,620
obraz, są to niektóre elementy, które zobaczysz

12
00:00:46,620 --> 00:00:51,150
w trakcie tego kursu jest ich więcej, a zobaczymy ich wiele w trakcie

13
00:00:51,150 --> 00:00:58,620
kursu, a nauczysz się, jak z nimi pracować, jak je konfigurować i jak komponować ładne interfejsy użytkownika za pomocą tych komponentów.

14
00:00:58,620 --> 00:01:04,500
Teraz, jak wspomniałem, oczywiście, budujesz interfejsy użytkownika, niestandardowe komponenty za pomocą tych

15
00:01:04,500 --> 00:01:11,130
wbudowanych komponentów tutaj, więc komponujesz interfejs użytkownika, komponenty z tych wbudowanych komponentów i wygląda

16
00:01:11,160 --> 00:01:16,830
to mniej więcej tak . Budujesz swój własny komponent tytułowy, biorąc wbudowane elementy,

17
00:01:16,830 --> 00:01:23,520
mieszając je i dopasowując, aby uzyskać wygląd lub potrzebny komponent. Stylowanie jest również ważną częścią aplikacji

18
00:01:23,520 --> 00:01:28,770
React Native i dlatego ważne jest, aby zrozumieć, że React Native

19
00:01:28,860 --> 00:01:35,070
nie korzysta z technologii internetowych, nie używa HTML, prawdopodobnie używa Javascript, ale nie używa

20
00:01:35,070 --> 00:01:41,580
HTML i również nie używa CSS, więc CSS, którego używasz do stylizacji w sieci,

21
00:01:41,580 --> 00:01:50,010
nie jest obsługiwany w React Native, ale daje ci polecenia stylizacji, konfigurację stylów, którą możesz dodać do swoich komponentów,

22
00:01:50,010 --> 00:01:55,740
więc do tych komponentów, które są wbudowane w React Native za pomocą wbudowanego

23
00:01:55,830 --> 00:02:02,580
style lub za pomocą tak zwanych obiektów arkusza stylów i tam piszesz te instrukcje stylu

24
00:02:02,580 --> 00:02:09,990
w Javascript, ale używasz składni opartej na CSS. Więc nie jest to bezpośrednio związane z CSS, ale oczywiście jest

25
00:02:10,170 --> 00:02:17,310
pod wpływem CSS, wiele instrukcji, których tu używasz, jest inspirowanych CSS, a wiele reguł lub właściwości, które znasz z CSS, działa

26
00:02:17,310 --> 00:02:24,420
również tutaj w JavaScript, w Twojej aplikacji React Native . Teraz, jeśli chodzi o style wbudowane a

27
00:02:24,420 --> 00:02:30,810
obiekty arkusza stylów, pokażę oba, ale już powiem, że użycie obiektu arkusza stylów jest

28
00:02:30,840 --> 00:02:34,800
preferowane, ale wrócę do tego, gdy go użyjemy.

29
00:02:34,910 --> 00:02:39,450
A skoro już wiemy, co jest nie tak z komponentami i stylizacją, dlaczego po

30
00:02:39,550 --> 00:02:43,220
prostu nie zaczniemy i nie zaczniemy pracować z tymi rzeczami?