A függőleges igazítási központ reakciójának natív nézetével kapcsolatos fő probléma az, hogy görgetési problémákat okozhat. Amikor a felhasználó lefelé görget egy oldalt, a képernyő közepén lévő tartalom lefelé mozog vele, de a képernyő szélein lévő tartalom mozdulatlan marad. Ez problémát jelenthet, ha azt szeretné, hogy a felhasználók egyszerre láthassák az összes tartalmat.
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.
A React Native alkalmazásban nincs beépített mód a nézet függőleges igazítására. Használhatja azonban a „transform” stílustulajdonságot „translateY(50%)” értékkel a nézet függőleges középre állításához.
Szöveg függőleges igazítása a react natívban (natív alap használatával)
A szövegben a függőleges igazítást a TextAlign tulajdonság szabályozza. Három lehetséges érték van:
balra
központ
jobb
Beágyazott szöveg
A React Native alkalmazásban a beágyazott szöveg olyan funkció, amely lehetővé teszi olyan szövegmezők létrehozását, amely más szövegmezőket is tartalmazhat. Ez akkor hasznos, ha több mezőt tartalmazó űrlapot szeretne létrehozni, és meg szeretné tartani a mezőket.
Ha beágyazott szöveget szeretne használni a React Native alkalmazásban, először hozzon létre egy új TextField összetevőt. Ezután adja hozzá a következő kódot a konstruktorhoz:
this.state = {};
Ez inicializálja a szövegmező állapotát úgy, hogy az üres karakterláncot tartalmazzon. Ezután adja hozzá a következő kódot az onChange kezelőhöz:
this.setState({szöveg: this.state.text});
Ez frissíti a szövegmező állapotát a benne lévő aktuális értékkel. Végül adjon hozzá egy új TextField komponenst az eredeti alá, és adja meg, hogy azt gyermekmezőként kell használni: