Glavni problem povezan s izvornim prikazom okomitog poravnanja središnje reakcije je taj što može uzrokovati probleme s pomicanjem. Kada se korisnik pomiče prema dolje po stranici, sadržaj u središtu zaslona pomicat će se prema dolje s njim, ali sadržaj na stranama zaslona ostat će nepomičan. To može biti problem ako želite da korisnici mogu vidjeti sav vaš sadržaj odjednom.
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.
Ne postoji ugrađeni način okomitog poravnanja pogleda u React Native. Međutim, možete upotrijebiti svojstvo stila "transform" s vrijednošću "translateY(50%)" za okomito centriranje prikaza.
Okomito poravnanje teksta u React Native (upotrebom nativebase)
Okomitim poravnanjem u tekstu upravlja svojstvo TextAlign. Postoje tri moguće vrijednosti:
lijevo
centar
pravo
Ugniježđeni tekst
U React Nativeu, ugniježđeni tekst je značajka koja vam omogućuje stvaranje tekstualnog polja koje može sadržavati druga tekstualna polja. Ovo je korisno ako želite stvoriti obrazac koji ima više polja i želite da polja budu organizirana.
Da biste koristili ugniježđeni tekst u svojoj aplikaciji React Native, prvo izradite novu komponentu TextField. Zatim dodajte sljedeći kod u konstruktor:
this.state = {};
Ovo će inicijalizirati stanje tekstualnog polja tako da sadrži prazan niz. Zatim dodajte sljedeći kod onChange rukovatelju:
this.setState({text: this.state.text});
Ovo će ažurirati stanje tekstualnog polja bilo kojom vrijednošću koja se trenutno nalazi u njemu. Na kraju dodajte novu komponentu TextField ispod izvorne i navedite da se treba koristiti kao podređeno polje: