Teraz zauważysz jedną rzecz.
Jeśli wpiszesz cel tu i tutaj, szybko użyję tego samego celu w kółko,
chociaż daje mi
to błąd, ale aplikacja będzie nadal działać, więc zignoruj ostrzeżenie na dole.
Jeśli do tego wezmę, często dość często, w pewnym momencie, przekraczamy granice
ekranu, ale domyślnie nie można
przewijać, co może być bardzo mylące, jeśli zaczynasz pracę z
React Native ponieważ jeśli pochodzisz
z sieci, zawsze możesz tam przewijać, przeglądarka domyślnie umożliwia przewijanie strony, jeśli zawartość przekracza jej
granice. Tutaj
to nie to
samo, nie przewijasz się tylko dlatego, że twoja treść wykracza poza granice
ekranu, zamiast tego twoja zawartość jest już nieosiągalna.
Teraz oczywiście nie jest to opcja, to okropne doświadczenie użytkownika,
chcemy mieć przewijalną zawartość, ale w aplikacjach natywnych musisz wyraźnie powiedzieć, że ta strona lub jej część powinna być
przewijana i jest taka sama dlatego w React Native.
Więc tutaj możemy użyć innego składnika wypalonego React Native, który jest widokiem przewijania i jak
sugeruje nazwa, jest to widok, który można przewijać.
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ć,
możesz po prostu umieścić tutaj kursor
i nacisnąć klawisz kontrolny, aby dowiedzieć się, co możesz ustawić lub sprawdzić oficjalne dokumenty,
na przykład możesz
ustawić poziomo na przewijaj w poziomie, ale tutaj pozostawię domyślne ustawienie, które polega
na przewijaniu w pionie, a po prostu dodając to, zobaczysz, że jeśli dodam, naucz się React Native kilkanaście razy
tutaj,
więc pozwól mi wypełnić tę stronę, teraz można przewijać jak ty widzę, mogę teraz przewijać zawartość i tylko
część owiniętą w widoku przewijania.
Moglibyśmy owinąć go wokół całej strony, więc moglibyśmy zastąpić ten widok tutaj widokiem przewijania lub
owinąć to widokiem przewijania, aby to również działało, jest to również
coś, co możemy zrobić, a następnie cała strona jest przewijana, więc jeśli
dodam teraz naucz się React Native tutaj,
zobaczysz, że teraz przewija się cała strona, tutaj w iOS możesz nawet przewijać
bez elementów, to jest domyślne zachowanie iOS, ale oczywiście zawsze się odbija, ale to zależy od ciebie dodaj to
i tutaj chcę mieć tylko podsekcję ekranu, którą można przewijać, więc zawijam tę sekcję
tylko widokiem
przewijania, ale jest to oczywiście bardzo ważny element dla każdej zawartości, w której nie można zagwarantować,
że pasuje do ekran.
Oczywiście, możesz pomyśleć, że przy wszystkich dostępnych rozmiarach urządzeń nigdy nie możesz tego
zagwarantować, ale są pewne elementy, takie jak wejście i przycisk, które zawsze będziesz
mógł dopasować do ekranu i które mogą być również skonfigurowany tak, aby zmienić rozmiar, aby zmieścił się na
ekranie, podczas gdy istnieje inna treść, zwykle listy takich danych tutaj, w których nie możesz tego
zagwarantować i gdzie wiesz tylko po 10 lub 20 elementach, to zdecydowanie przekroczy dowolny ekran, a to
jest zawartość, którą chcesz zawinąć w widok przewijania. Inne treści, takie jak przyciski wprowadzania, tekst statyczny
zakodowany na
stałe, czyli w zasadzie każda treść, w której wiesz, ile z góry będziesz mieć, zazwyczaj można wycisnąć
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
dla dynamicznie generowane treści w ten sposób, zdecydowanie potrzebujesz widoku przewijania.