Principala problemă legată de vizualizarea nativă a reacției centrului de aliniere verticală este că poate cauza probleme de defilare. Când un utilizator derulează în jos o pagină, conținutul din centrul ecranului se va deplasa în jos odată cu el, dar conținutul de pe părțile laterale ale ecranului va rămâne staționar. Aceasta poate fi o problemă dacă doriți ca utilizatorii să poată vedea tot conținutul dvs. simultan.
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.
Nu există nicio modalitate încorporată de a alinia vertical o vedere în React Native. Cu toate acestea, puteți utiliza proprietatea de stil „transform” cu valoarea „translateY(50%)” pentru a centra vertical o vizualizare.
Alinierea verticală a textului în react nativ (folosind nativebase)
Alinierea verticală în text este controlată de proprietatea TextAlign. Există trei valori posibile:
stânga
centru
dreapta
Text imbricat
În React Native, textul imbricat este o caracteristică care vă permite să creați un câmp de text care poate conține alte câmpuri de text. Acest lucru este util dacă doriți să creați un formular care are mai multe câmpuri și doriți să păstrați câmpurile organizate.
Pentru a utiliza text imbricat în aplicația React Native, creați mai întâi o nouă componentă TextField. Apoi, adăugați următorul cod la constructor:
this.state = {};
Aceasta va inițializa starea câmpului de text astfel încât să conțină un șir gol. Apoi, adăugați următorul cod la handlerul onChange:
this.setState({text: this.state.text});
Aceasta va actualiza starea câmpului de text cu orice valoare se află în prezent în el. În cele din urmă, adăugați o nouă componentă TextField sub cea originală și specificați că ar trebui să fie folosită ca câmp copil:
