1 00:00:02,310 --> 00:00:04,600 Teraz zauważysz jedną rzecz. 2 00:00:05,590 --> 00:00:10,710 Jeśli wpiszesz cel tu i tutaj, szybko użyję tego samego celu w kółko, 3 00:00:10,720 --> 00:00:12,000 chociaż daje mi 4 00:00:12,040 --> 00:00:17,120 to błąd, ale aplikacja będzie nadal działać, więc zignoruj ostrzeżenie na dole. 5 00:00:17,140 --> 00:00:22,690 Jeśli do tego wezmę, często dość często, w pewnym momencie, przekraczamy granice 6 00:00:22,720 --> 00:00:25,270 ekranu, ale domyślnie nie można 7 00:00:25,400 --> 00:00:29,800 przewijać, co może być bardzo mylące, jeśli zaczynasz pracę z 8 00:00:29,800 --> 00:00:31,890 React Native ponieważ jeśli pochodzisz 9 00:00:31,930 --> 00:00:38,650 z sieci, zawsze możesz tam przewijać, przeglądarka domyślnie umożliwia przewijanie strony, jeśli zawartość przekracza jej 10 00:00:38,650 --> 00:00:40,720 granice. Tutaj 11 00:00:40,750 --> 00:00:42,300 to nie to 12 00:00:42,340 --> 00:00:48,500 samo, nie przewijasz się tylko dlatego, że twoja treść wykracza poza granice 13 00:00:48,520 --> 00:00:52,380 ekranu, zamiast tego twoja zawartość jest już nieosiągalna. 14 00:00:52,420 --> 00:00:56,530 Teraz oczywiście nie jest to opcja, to okropne doświadczenie użytkownika, 15 00:00:56,530 --> 00:01:04,330 chcemy mieć przewijalną zawartość, ale w aplikacjach natywnych musisz wyraźnie powiedzieć, że ta strona lub jej część powinna być 16 00:01:04,540 --> 00:01:08,410 przewijana i jest taka sama dlatego w React Native. 17 00:01:08,440 --> 00:01:16,060 Więc tutaj możemy użyć innego składnika wypalonego React Native, który jest widokiem przewijania i jak 18 00:01:16,060 --> 00:01:20,710 sugeruje nazwa, jest to widok, który można przewijać. 19 00:01:20,710 --> 00:01:29,360 Teraz możemy zastąpić ten widok tutaj, w którym znajdują się nasze elementy listy, widokiem przewijania. W widoku przewijania masz również właściwości, które pozwalają go skonfigurować, 20 00:01:29,370 --> 00:01:31,980 możesz po prostu umieścić tutaj kursor 21 00:01:32,010 --> 00:01:38,020 i nacisnąć klawisz kontrolny, aby dowiedzieć się, co możesz ustawić lub sprawdzić oficjalne dokumenty, 22 00:01:38,020 --> 00:01:39,390 na przykład możesz 23 00:01:39,390 --> 00:01:45,150 ustawić poziomo na przewijaj w poziomie, ale tutaj pozostawię domyślne ustawienie, które polega 24 00:01:45,150 --> 00:01:53,240 na przewijaniu w pionie, a po prostu dodając to, zobaczysz, że jeśli dodam, naucz się React Native kilkanaście razy 25 00:01:53,240 --> 00:01:54,430 tutaj, 26 00:01:54,740 --> 00:02:02,420 więc pozwól mi wypełnić tę stronę, teraz można przewijać jak ty widzę, mogę teraz przewijać zawartość i tylko 27 00:02:02,420 --> 00:02:04,760 część owiniętą w widoku przewijania. 28 00:02:04,850 --> 00:02:10,850 Moglibyśmy owinąć go wokół całej strony, więc moglibyśmy zastąpić ten widok tutaj widokiem przewijania lub 29 00:02:10,850 --> 00:02:15,250 owinąć to widokiem przewijania, aby to również działało, jest to również 30 00:02:16,180 --> 00:02:20,770 coś, co możemy zrobić, a następnie cała strona jest przewijana, więc jeśli 31 00:02:20,820 --> 00:02:24,020 dodam teraz naucz się React Native tutaj, 32 00:02:27,950 --> 00:02:33,280 zobaczysz, że teraz przewija się cała strona, tutaj w iOS możesz nawet przewijać 33 00:02:33,280 --> 00:02:40,600 bez elementów, to jest domyślne zachowanie iOS, ale oczywiście zawsze się odbija, ale to zależy od ciebie dodaj to 34 00:02:40,600 --> 00:02:46,150 i tutaj chcę mieć tylko podsekcję ekranu, którą można przewijać, więc zawijam tę sekcję 35 00:02:46,150 --> 00:02:47,170 tylko widokiem 36 00:02:47,170 --> 00:02:53,290 przewijania, ale jest to oczywiście bardzo ważny element dla każdej zawartości, w której nie można zagwarantować, 37 00:02:53,290 --> 00:02:55,040 że pasuje do ekran. 38 00:02:55,100 --> 00:02:59,650 Oczywiście, możesz pomyśleć, że przy wszystkich dostępnych rozmiarach urządzeń nigdy nie możesz tego 39 00:03:00,250 --> 00:03:04,810 zagwarantować, ale są pewne elementy, takie jak wejście i przycisk, które zawsze będziesz 40 00:03:04,810 --> 00:03:10,780 mógł dopasować do ekranu i które mogą być również skonfigurowany tak, aby zmienić rozmiar, aby zmieścił się na 41 00:03:10,780 --> 00:03:16,000 ekranie, podczas gdy istnieje inna treść, zwykle listy takich danych tutaj, w których nie możesz tego 42 00:03:16,000 --> 00:03:21,760 zagwarantować i gdzie wiesz tylko po 10 lub 20 elementach, to zdecydowanie przekroczy dowolny ekran, a to 43 00:03:21,850 --> 00:03:27,770 jest zawartość, którą chcesz zawinąć w widok przewijania. Inne treści, takie jak przyciski wprowadzania, tekst statyczny 44 00:03:27,940 --> 00:03:29,040 zakodowany na 45 00:03:29,140 --> 00:03:35,290 stałe, czyli w zasadzie każda treść, w której wiesz, ile z góry będziesz mieć, zazwyczaj można wycisnąć 46 00:03:35,320 --> 00:03:42,340 na ekranie za pomocą odpowiednich narzędzi, a mianowicie za pomocą Flexbox, który będzie działał również w trakcie tego kursu, ale 47 00:03:42,340 --> 00:03:46,360 dla dynamicznie generowane treści w ten sposób, zdecydowanie potrzebujesz widoku przewijania.