Glavni problem u vezi sa vertikalnim poravnanjem centra reaguje na izvorni pogled je taj što može izazvati probleme sa pomeranjem. Kada korisnik skroluje prema dolje po stranici, sadržaj u sredini ekrana će se pomjerati prema dolje zajedno s njim, ali sadržaj na stranama ekrana će ostati nepomičan. Ovo 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đen način za vertikalno poravnavanje pogleda u React Native. Međutim, možete koristiti svojstvo stila “transform” sa vrijednošću “translateY(50%)” da vertikalno centrirate pogled.
Vertikalno poravnanje teksta u react native (koristeći nativebase)
Vertikalno poravnanje u tekstu kontrolira svojstvo TextAlign. Postoje tri moguće vrijednosti:
lijevo
centar
u pravu
Ugniježđeni tekst
U React Native, ugniježđeni tekst je funkcija koja vam omogućava da kreirate tekstualno polje koje može sadržavati druga tekstualna polja. Ovo je korisno ako želite da kreirate obrazac koji ima više polja i želite da polja budu organizovana.
Da biste koristili ugniježđeni tekst u svojoj React Native aplikaciji, prvo kreirajte 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 rukovaocu:
this.setState({tekst: this.state.text});
Ovo će ažurirati stanje tekstualnog polja bilo kojom vrijednošću koja se trenutno nalazi u njemu. Konačno, dodajte novu komponentu TextField ispod vaše originalne i navedite da se ona treba koristiti kao podređeno polje:
