Nalutas: vertical align center react native view

Ang pangunahing problema na nauugnay sa vertical alignment center react native view ay maaari itong magdulot ng mga isyu sa pag-scroll. Kapag ang isang user ay nag-scroll pababa sa isang pahina, ang nilalaman sa gitna ng screen ay bababa kasama nila, ngunit ang nilalaman sa mga gilid ng screen ay mananatiling nakatigil. Maaari itong maging problema kung gusto mong makita ng mga user ang lahat ng iyong content nang sabay-sabay.

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.

Walang built-in na paraan upang patayong ihanay ang isang view sa React Native. Gayunpaman, maaari mong gamitin ang style property na “transform” na may value na “translateY(50%)” para patayo na igitna ang isang view.

Text vertical align sa react native (gamit ang nativebase)

Ang vertical alignment sa text ay kinokontrol ng TextAlign property. May tatlong posibleng halaga:

kaliwa

sentro

karapatan

Naka-nest na Teksto

Sa React Native, ang nested text ay isang feature na nagbibigay-daan sa iyong gumawa ng text field na maaaring maglaman ng iba pang text field. Ito ay kapaki-pakinabang kung gusto mong lumikha ng isang form na may maraming mga patlang, at gusto mong panatilihing maayos ang mga patlang.

Para gumamit ng nested text sa iyong React Native app, gumawa muna ng bagong bahagi ng TextField. Pagkatapos, idagdag ang sumusunod na code sa constructor:

this.state = {};

Ito ay magsisimula sa estado ng field ng teksto upang naglalaman ito ng walang laman na string. Susunod, idagdag ang sumusunod na code sa onChange handler:

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

Ia-update nito ang estado ng field ng text na may anumang halaga na kasalukuyang nasa loob nito. Panghuli, magdagdag ng bagong bahagi ng TextField sa ibaba ng iyong orihinal at tukuyin na dapat itong gamitin bilang child field:

Kaugnay na mga post:

Mag-iwan ng komento