1
00:00:02,240 --> 00:00:04,430
Teraz jest to również dla ciebie

2
00:00:04,460 --> 00:00:09,440
dobra praktyka, możesz zatrzymać tutaj wideo i spróbować ustawić te dwa przyciski obok siebie, tylko

3
00:00:09,440 --> 00:00:15,190
dwa przyciski, nie wejście i dwa przyciski, ale te dwa przyciski powinny znajdować się w jednym nowy wiersz

4
00:00:15,200 --> 00:00:17,430
poniżej wejścia, ale następnie usiądź obok siebie.

5
00:00:17,570 --> 00:00:23,610
Po krótkiej pauzie, której możesz użyć do wstrzymania filmu, oczywiście zrobimy to razem.

6
00:00:23,650 --> 00:00:25,440
Więc odniosłeś sukces?

7
00:00:25,450 --> 00:00:26,950
Spróbujmy razem.

8
00:00:26,990 --> 00:00:34,670
Kluczem tutaj jest użycie Flexboksa i innego widoku, ponieważ ponownie, jak już wspomniałem i co jest naprawdę ważne, aby

9
00:00:34,670 --> 00:00:41,530
zrozumieć, komponenty widoku są twoim podstawowym komponentem do organizowania innych komponentów lub do wykorzystania jako kontener,

10
00:00:41,530 --> 00:00:43,570
który możesz również stylizować,

11
00:00:43,600 --> 00:00:49,610
ale tutaj skrzynka, aby uporządkować inne komponenty. Więc przesunę dwa przyciski wewnątrz tego widoku

12
00:00:49,720 --> 00:00:55,720
i teraz możemy przypisać styl do tego widoku, a ten styl oczywiście zostanie

13
00:00:55,750 --> 00:00:59,660
zdefiniowany tutaj w naszym obiekcie stylu i nadam

14
00:00:59,710 --> 00:01:06,400
nazwę kontenerowi przycisków, to zależy od ciebie, tę nazwę i tam chcę ustawić kierunek

15
00:01:06,400 --> 00:01:13,360
wygięcia wiersza, aby usiadły obok siebie, a następnie ustawię uzasadnienie zawartości przestrzeni między, aby mieć

16
00:01:13,360 --> 00:01:16,330
wolne miejsce między dwoma przyciskami.

17
00:01:16,340 --> 00:01:25,190
Dodajmy teraz styl do tego widoku, zapisz pojemnik z przyciskami i zapisz to, a teraz są przyciski, ale

18
00:01:25,190 --> 00:01:32,420
aby mieć wolne miejsce, ma tutaj wpływ, który będzie jeszcze wyraźniejszy na Androidzie, że obecnie

19
00:01:32,420 --> 00:01:34,900
nie ma żadnego efekt,

20
00:01:35,000 --> 00:01:37,880
aby przestrzeń między nie miała żadnego

21
00:01:37,910 --> 00:01:41,820
efektu, pozwól mi szybko pokazać to na Androidzie.

22
00:01:42,030 --> 00:01:42,410
Widzisz,

23
00:01:42,420 --> 00:01:43,890
nie ma wolnego miejsca.

24
00:01:43,920 --> 00:01:47,790
Powodem tego jest po prostu to, że nie mamy przypisanej szerokości do naszego pojemnika

25
00:01:47,790 --> 00:01:48,200
na

26
00:01:48,210 --> 00:01:50,100
przyciski, a zatem, jak się dowiedziałeś, zajmuje

27
00:01:50,370 --> 00:01:52,660
tylko szerokość dzieci i jest to po prostu

28
00:01:52,710 --> 00:01:53,820
szerokość dwóch przycisków

29
00:01:53,940 --> 00:01:56,570
dodanych razem, dlatego nie ma wolnego miejsca na dodaj pomiędzy.

30
00:01:56,610 --> 00:02:01,410
Mamy więc między sobą trochę wolnego miejsca, po prostu musimy przypisać znak „do” do przycisku i

31
00:02:01,530 --> 00:02:05,800
teraz ta szerokość zależy oczywiście od Ciebie. Ponieważ wejście ma 80%, moglibyśmy

32
00:02:05,820 --> 00:02:14,340
pójść z 80% tutaj, a może z 60%, aby mieć go nieco bardziej wąskiego niż powyższe wejście, aby przyciski

33
00:02:14,400 --> 00:02:20,130
nie znajdowały się na krawędziach wejścia, ale to oczywiście do ciebie, a zatem

34
00:02:20,130 --> 00:02:21,090
teraz,

35
00:02:21,090 --> 00:02:27,060
jeśli to się ładuje ponownie i przyjrzymy się temu na Androidzie za pomocą

36
00:02:27,060 --> 00:02:33,390
tego wygodnego sposobu zamykania i ponownego uruchamiania, teraz powinniśmy zobaczyć trochę wolnego miejsca między

37
00:02:33,390 --> 00:02:34,930
tymi dwoma przyciskami,

38
00:02:34,950 --> 00:02:36,730
tak, to wygląda dobrze.

39
00:02:36,770 --> 00:02:38,700
Oczywiście możesz się z tym

40
00:02:38,730 --> 00:02:42,830
pobawić, możesz też oczywiście dodać style do przycisków, możesz także

41
00:02:42,840 --> 00:02:49,440
dodać rekwizyty stylów tutaj i dodać margines po lewej i prawej stronie każdego przycisku, który też

42
00:02:49,440 --> 00:02:50,510
by działał.

43
00:02:50,520 --> 00:02:56,250
Możesz także bawić się tutaj innymi wartościami, takimi jak spacja wokół, aby mieć wolne miejsce po lewej i prawej

44
00:02:56,250 --> 00:02:58,710
stronie przycisków, a nie tylko między nimi.

45
00:02:58,770 --> 00:03:03,000
To wszystko, co możesz zrobić. Pójdę tutaj z przestrzenią i przyjrzę się temu,

46
00:03:03,000 --> 00:03:06,000
ale ostatecznie to po prostu coś zależy od ciebie.

47
00:03:06,030 --> 00:03:11,400
Ważne jest oczywiście to, że rozumiesz, jak możesz osiągnąć coś za pomocą widoku,

48
00:03:11,550 --> 00:03:15,390
który owijasz wokół przycisków i Flexboksa, i dzięki temu

49
00:03:15,600 --> 00:03:18,900
powiedziałbym, że mamy tutaj przyzwoity wygląd.

50
00:03:19,110 --> 00:03:26,550
Teraz ostatnią rzeczą, naprawdę ostatnią rzeczą, którą nadal chcę zrobić, jest zmiana rozmiaru tych przycisków, ponieważ nie są one jednakowej wielkości

51
00:03:26,550 --> 00:03:31,380
i myślę, że wyglądałoby to trochę ładniej, gdyby miały ten sam rozmiar.

52
00:03:31,410 --> 00:03:37,920
Teraz na przycisku nie możesz dodać rekwizytu stylu i ustawić szerokość, bez względu na to,

53
00:03:37,950 --> 00:03:40,700
czy używasz stylów wbudowanych, czy

54
00:03:40,710 --> 00:03:44,050
obiektu arkusza stylów, a to jest coś, co

55
00:03:44,100 --> 00:03:51,860
musisz wiedzieć, dlatego tutaj to omawiam, musisz owinąć przycisk w osobny widok, tak jak robię to tutaj, a następnie

56
00:03:52,070 --> 00:03:59,270
nadać temu widokowi przycisk, na przykład tutaj możemy dodać przycisk stylów, odnosząc się do właściwości przycisku na

57
00:03:59,270 --> 00:04:05,990
dole, do każdego widoku i tam na tym właściwość przycisku, którą teraz dodam, możesz dodać szerokość

58
00:04:05,990 --> 00:04:08,780
powiedzmy 40%, a to będzie 40%

59
00:04:08,780 --> 00:04:15,440
elementu nadrzędnego tego widoku, więc 40% tego widoku kontenera przycisku, który sam zajmuje 60% całej dostępnej

60
00:04:16,220 --> 00:04:20,580
szerokości i oczywiście możemy to zrobić również na drugim przycisku.

61
00:04:20,600 --> 00:04:28,010
Więc to tylko coś, co musisz wiedzieć, jeśli dodasz tutaj swoje otaczające widoki wokół przycisków.

62
00:04:28,010 --> 00:04:34,490
Teraz, gdy ponownie uruchomimy Androida, powinniśmy mieć przyciski o równej wielkości, co oczywiście

63
00:04:34,580 --> 00:04:36,710
jest często pożądane.

64
00:04:36,710 --> 00:04:42,980
Oczywiście mogłeś również użyć tutaj wartości pikselowej zamiast wartości procentowych, ale teraz jestem bardzo szczęśliwy, myślę,

65
00:04:43,220 --> 00:04:44,710
że teraz jest

66
00:04:44,780 --> 00:04:48,590
to naprawdę aplikacja, która wygląda dobrze, zachowuje się dobrze i

67
00:04:48,710 --> 00:04:51,320
tak, to dobry początek z React Native.

68
00:04:51,320 --> 00:04:57,140
Oczywiście, jest o wiele więcej, czego możemy się nauczyć i nad czym będziemy się zanurzać, o wiele więcej

69
00:04:57,140 --> 00:05:02,540
możemy zrobić w kwestii stylizacji, ponieważ jak już wspomniano, z pewnością nie jest to najpiękniejsza aplikacja, jaką

70
00:05:03,110 --> 00:05:05,990
kiedykolwiek zbudowałeś, ale omówiliśmy wiele ważnych podstaw tutaj.