Zgjidhur: shtrirje vertikale qendra reagojnë pamje vendase

Problemi kryesor që lidhet me pamjen vendase të reagimit të qendrës së shtrirjes vertikale është se mund të shkaktojë probleme me lëvizjen. Kur një përdorues lëviz poshtë një faqe, përmbajtja në qendër të ekranit do të lëvizë poshtë me ta, por përmbajtja në anët e ekranit do të qëndrojë e palëvizshme. Ky mund të jetë një problem nëse dëshironi që përdoruesit të jenë në gjendje të shohin të gjithë përmbajtjen tuaj menjëherë.

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.

Nuk ka asnjë mënyrë të integruar për të lidhur vertikalisht një pamje në React Native. Sidoqoftë, mund të përdorni veçorinë e stilit "transformoj" me vlerën "translateY(50%)" për të përqendruar vertikalisht një pamje.

Përafrimi vertikal i tekstit në react native (duke përdorur bazën bazë)

Rreshtimi vertikal në tekst kontrollohet nga vetia TextAlign. Ekzistojnë tre vlera të mundshme:

la

qendër

e drejtë

Tekst i mbivendosur

Në React Native, teksti i mbivendosur është një veçori që ju lejon të krijoni një fushë teksti që mund të përmbajë fusha të tjera teksti. Kjo është e dobishme nëse doni të krijoni një formë që ka shumë fusha dhe dëshironi t'i mbani ato të organizuara.

Për të përdorur tekstin e mbivendosur në aplikacionin tuaj React Native, fillimisht krijoni një komponent të ri TextField. Pastaj, shtoni kodin e mëposhtëm në konstruktor:

kjo.gjendje = {};

Kjo do të inicializojë gjendjen e fushës së tekstit në mënyrë që të përmbajë një varg bosh. Më pas, shtoni kodin e mëposhtëm në mbajtësin onChange:

this.setState({tekst: this.state.text});

Kjo do të përditësojë gjendjen e fushës së tekstit me çfarëdo vlere që ndodhet aktualisht në të. Së fundi, shtoni një komponent të ri TextField poshtë atij origjinal dhe specifikoni se duhet të përdoret si fusha fëmijë:

Mesazhe të ngjashme:

Lini një koment