Zacznijmy od ponownego wykorzystania tego, ponieważ to jest najważniejsze.
Rozwiązaniem tutaj jest oczywiście przewijanie, ponieważ jeśli możemy przewinąć ten widok, możemy ponownie
dotrzeć do tego przycisku.
Wracając do ekranu początkowego gry, potrzebujemy starego dobrego widoku przewijania, który importujemy z React Native,
a teraz możemy go użyć, aby zawinąć nasz widok otaczający nasz ekran, w tym
przypadku dotykalny bez przycisku sprzężenia zwrotnego, z widokiem przewijania .
Wykorzystajmy więc widok przewijania, aby otoczyć cały nasz ekran, a na końcu cały nasz
komponent, a dzięki temu można go przewijać. Zaletą jest to, że teraz klawiatura jest otwarta na
iOS, możemy trochę przewijać,
ale nadal mamy problem z odbijaniem, więc to nie jest idealne, ale przynajmniej możemy dotrzeć
do tego przycisku i zajmiemy się o klawiaturze za sekundę i możemy
teraz ponownie korzystać z aplikacji, ponieważ teraz możemy ponownie uruchomić grę. Teraz na ekranie gry, nawiasem mówiąc, mamy podobny problem na
małym urządzeniu z Androidem, mamy tak małą wysokość, że nie możemy nawet
zobaczyć naszego dziennika, możemy go przewinąć, ale tak, to nie
jest zbyt wygodne i tutaj na iOS , my
też nie mamy dużego dziennika. Tak więc, możemy chcieć użyć zupełnie innego układu,
na przykład lub cokolwiek innego, musimy
zobaczyć, ale zanim skupię się
na tym ekranie, jest jeszcze jedna rzecz. Naprawiliśmy przewijanie, to dobrze, ale nadal
mamy dwa inne
problemy na ekranie startowym gry, a jeśli coś
zmienię, zmień to z powrotem tylko po to, aby ponownie się uruchomiło, mamy układ, z którego nie jestem zadowolony
z przycisków, choć teraz wygląda inaczej niż poprzednio i wrócimy do tego, dlaczego
za
sekundę i klawiatura,
to jest prawdziwy problem tutaj. Co więc możemy z tym zrobić? Aby rozwiązać ten problem z
klawiaturą, istnieje inny komponent, który można zaimportować z React Native, a klawiatura unika widoku.
To jest widok, komponent, którego możesz użyć do zawinięcia komponentu, w tym przypadku wewnątrz tego widoku przewijania i
to ważne, użyj go w widoku przewijania, a następnie zawiń w nim cały
dotyk, bez komponentu sprzężenia zwrotnego, aby upewnić się, że twój klawiatura, twoja miękka klawiatura, gdy się otworzy, nigdy nie nakłada się na wpisywane
dane, a do tego możesz
również skonfigurować klawiaturę, unikając widoku, możesz ustawić
tam zachowanie, które akceptuje różne wartości i ustawić to tutaj, a ja ' Wrócę do różnych zachowań, które
możesz skonfigurować i jak różnią się one w ciągu sekundy.
Po dodaniu tego tutaj na iOS, zobaczysz, że przesuwa się to trochę, gdy otwieramy miękką klawiaturę, kiedy
zaczynamy pisać. Nie przesuwa się wystarczająco,
ale w tym celu możemy również wrócić tutaj i ustawić przesunięcie pionowe klawiatury na liczbę, na przykład na
30, jest to
liczba pikseli, o które przesuwa się w
górę i powinna to być wysokość twojego wejścia zwykle lub wokół wysokości twojego wkładu.
A teraz przesuwa to w górę, abyśmy zawsze mogli zobaczyć to, co
jest świetne, nigdy nie nakłada się tutaj na nasz wkład.
Teraz ustawienie tej pozycji na zachowanie oznacza po prostu, że przesuwa ona cały ekran o
30
pikseli, możemy również ustawić padding, aby dopełnienie było dodawane u dołu, aby przesuwać wszystko w
górę, a na koniec można również zmienić trochę ogólna wysokość ekranu.
Teraz zwykle na iOS, działa najlepiej, jeśli używasz pozycji, a na Androidzie działa najlepiej, jeśli używasz paddingu, a
później
w tym module nauczyłeś się, jak dowiedzieć się, na jakiej platformie
używasz, na razie będę używać pozycja tutaj. Dzięki temu naprawiliśmy problem z klawiaturą.