Głównym problemem związanym z reakcją na natywny widok centrum wyrównania pionowego jest to, że może to powodować problemy z przewijaniem. Gdy użytkownik przewinie stronę w dół, zawartość na środku ekranu przesunie się wraz z nim, ale zawartość po bokach ekranu pozostanie nieruchoma. Może to stanowić problem, jeśli chcesz, aby użytkownicy mogli zobaczyć wszystkie Twoje treści jednocześnie.
There is no built-in way to vertically align a view in React Native. However, you can use the style property "transform" with the value "translateY(50%)" to vertically center a view.
W React Native nie ma wbudowanego sposobu na wyrównanie widoku w pionie. Możesz jednak użyć właściwości stylu „transform” z wartością „translateY(50%)”, aby wyśrodkować widok w pionie.
Wyrównanie pionowe tekstu w reakcji natywnej (przy użyciu nativebase)
Wyrównanie w pionie w tekście jest kontrolowane przez właściwość TextAlign. Możliwe są trzy wartości:
lewo
centrum
prawo
Tekst zagnieżdżony
W React Native zagnieżdżony tekst to funkcja, która pozwala utworzyć pole tekstowe, które może zawierać inne pola tekstowe. Jest to przydatne, jeśli chcesz utworzyć formularz z wieloma polami i chcesz zachować porządek w polach.
Aby użyć zagnieżdżonego tekstu w aplikacji React Native, najpierw utwórz nowy komponent TextField. Następnie dodaj następujący kod do konstruktora:
ten.stan = {};
Spowoduje to zainicjowanie stanu pola tekstowego, tak aby zawierało pusty ciąg. Następnie dodaj następujący kod do modułu obsługi onChange:
this.setState({tekst: this.state.text});
Spowoduje to zaktualizowanie stanu pola tekstowego o dowolną wartość, która się w nim aktualnie znajduje. Na koniec dodaj nowy komponent TextField poniżej swojego oryginalnego i określ, że powinien być używany jako pole podrzędne:
