1
00:00:02,230 --> 00:00:04,920
Czasami jednak po prostu nie można

2
00:00:04,930 --> 00:00:10,720
uzyskać prawidłowego układu z procentową szerokością i tak zakodowanymi pikselami, czasami naprawdę trzeba wiedzieć,

3
00:00:10,720 --> 00:00:12,210
ile pikseli jest

4
00:00:12,340 --> 00:00:18,130
dostępnych, na przykład tutaj, na przyciskach, w których ustawiamy szerokość 100, ustawiamy 100 bez

5
00:00:18,130 --> 00:00:19,990
względu na rozmiar urządzenia.

6
00:00:19,990 --> 00:00:24,460
Teraz wiemy, że chcemy, aby dwa przyciski znajdowały się obok siebie.

7
00:00:24,550 --> 00:00:31,960
Możemy więc po prostu upewnić się, że bierzemy szerokość przycisku, która zawsze pasuje do ekranu, bez względu na to, jak mały

8
00:00:31,960 --> 00:00:33,830
jest on, i w

9
00:00:33,850 --> 00:00:39,460
tym celu musimy dowiedzieć się, ile pikseli mamy dostępnych szerokości i to jest coś, co

10
00:00:39,460 --> 00:00:44,170
możemy dowiedz się za pomocą React Native. Tam z React Native

11
00:00:44,170 --> 00:00:48,880
możesz zaimportować tutaj obiekt wymiarów, wymiary to nazwa.

12
00:00:48,940 --> 00:00:55,720
Teraz nie jest to komponent, którego używasz, zamiast tego jest to obiekt, który pozwala ci dowiedzieć

13
00:00:55,810 --> 00:00:58,380
się, ile masz dostępnej szerokości.

14
00:00:58,420 --> 00:01:04,270
Teraz możemy użyć tego na przykład tam, gdzie ustawiliśmy szerokość przycisku, zamiast ustawiać w

15
00:01:04,780 --> 00:01:07,080
ten sposób, możemy ustawić naszą

16
00:01:07,210 --> 00:01:12,850
szerokość na wymiary, a następnie istnieje metoda get, w której można uzyskać wymiary okna.

17
00:01:12,850 --> 00:01:14,440
Możesz również pobrać

18
00:01:14,440 --> 00:01:21,700
go z ekranu, różnica między oknem a ekranem ma znaczenie tylko w Androidzie, gdzie w przypadku okna wysokość paska stanu

19
00:01:21,700 --> 00:01:23,640
zostanie wykluczona z obliczeń, a

20
00:01:23,740 --> 00:01:26,110
zatem będzie to naprawdę, dobrze część ekranu,

21
00:01:26,260 --> 00:01:28,720
na której będzie twoja treść żyć w.

22
00:01:28,780 --> 00:01:32,130
Dlatego zwykle powinieneś używać okna tutaj, ponieważ w iOS nie

23
00:01:32,130 --> 00:01:38,800
ma to znaczenia, w Androidzie jest gwarantowana ta część ekranu, w której naprawdę siedzi interfejs użytkownika bez tego paska

24
00:01:38,800 --> 00:01:40,110
stanu u góry.

25
00:01:40,180 --> 00:01:46,390
Dlatego zazwyczaj możesz użyć okna, aby uzyskać rzeczywiste pomieszczenie dostępne dla swojego układu, rzeczywiste

26
00:01:46,390 --> 00:01:52,600
wymiary, których możesz użyć dla swojego układu. Teraz daje to obiekt, w którym można uzyskać

27
00:01:52,750 --> 00:01:56,470
kilka właściwości, a dokładnie cztery - skalowanie czcionek skonfigurowane przez

28
00:01:56,470 --> 00:02:01,540
użytkownika, więc na przykład, jeśli użytkownicy chcą mieć większe czcionki, możesz uzyskać mnożnik

29
00:02:01,540 --> 00:02:03,560
tutaj za pomocą Skala czcionki,

30
00:02:03,670 --> 00:02:09,610
ale co najważniejsze, otrzymujesz szerokość i wysokość, a jeśli otrzymamy szerokość tutaj, wówczas otrzymamy całkowitą szerokość

31
00:02:09,610 --> 00:02:11,050
urządzenia, na

32
00:02:11,050 --> 00:02:12,580
którym działa ta aplikacja.

33
00:02:12,580 --> 00:02:19,390
Teraz wiemy, że chcemy w tym miejscu wcisnąć co najmniej dwa przyciski, abyśmy mogli po prostu podzielić

34
00:02:19,390 --> 00:02:25,730
to przez dwa, aby teraz każdy przycisk był w połowie tak szeroki, jak urządzenie.

35
00:02:25,730 --> 00:02:30,190
Teraz, jeśli to uratujemy, nie otrzymamy tak naprawdę pożądanego wyglądu, ponieważ jest on

36
00:02:30,190 --> 00:02:35,620
zbyt duży, ale jeśli podzielimy to na przykład przez trzy, to już wygląda to lepiej na

37
00:02:35,620 --> 00:02:37,060
małym ekranie, ale

38
00:02:37,060 --> 00:02:42,520
nie na dużym, ale co powiesz na cztery Jeśli weźmiemy cztery, to mamy dużo miejsca

39
00:02:42,520 --> 00:02:49,690
na całą pozostałą potrzebną przestrzeń, taką jak odstępy wokół naszego pojemnika i zapewniamy, że nasze przyciski zawsze szanują rozmiar urządzenia.

40
00:02:49,720 --> 00:02:55,510
Oczywiście tutaj mógłbyś osiągnąć coś podobnego, ustawiając szerokość na wartość procentową, na przykład

41
00:02:55,510 --> 00:03:00,760
40% tutaj, ale chciałem również wprowadzić tutaj API wymiarów, które będziemy wykorzystywać

42
00:03:00,760 --> 00:03:01,550
później.

43
00:03:01,570 --> 00:03:07,480
Jest to świetny interfejs API do sprawdzania, ile pikseli jest dostępnych na szerokości i wysokości

44
00:03:07,870 --> 00:03:09,140
na urządzeniu

45
00:03:09,190 --> 00:03:15,670
lub na którym działa, i to jest ważne, gdzie procent zawsze odnosi się do bezpośredniego widoku nadrzędnego,

46
00:03:15,670 --> 00:03:17,560
a nie zawsze do dostępnej

47
00:03:17,650 --> 00:03:20,880
szerokości urządzenia , tak jest w przypadku najwyższego

48
00:03:20,890 --> 00:03:28,330
rodzica, że tak powiem, więc w najwyższym widoku, który renderujesz. Okno Pobierz wymiary zawsze podaje wymiary dla całego urządzenia, bez

49
00:03:28,330 --> 00:03:30,750
względu na to, gdzie go używasz.

50
00:03:30,760 --> 00:03:38,480
Zatem szerokość tutaj zawsze jest szerokością naszego ekranu na urządzeniu, a nigdy nadrzędnego ani niczego innego.

51
00:03:38,560 --> 00:03:43,390
Może to być bardzo przydatne, jeśli chcesz stylizować coś w określony sposób lub

52
00:03:43,390 --> 00:03:48,100
rozmiar w określony sposób, ponieważ mówi ci, ile szerokości masz do dyspozycji.