Pääongelma, joka liittyy pystysuuntaisen kohdistuksen keskireagointinatiivinäkymään, on, että se voi aiheuttaa vieritysongelmia. Kun käyttäjä vierittää sivua alaspäin, näytön keskellä oleva sisältö siirtyy alaspäin hänen mukanaan, mutta näytön sivuilla oleva sisältö pysyy paikallaan. Tämä voi olla ongelma, jos haluat käyttäjien näkevän kaiken sisältösi kerralla.
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.
React Nativessa ei ole sisäänrakennettua tapaa kohdistaa näkymää pystysuoraan. Voit kuitenkin käyttää tyyliominaisuutta "transform" arvolla "translateY(50%)" keskittääksesi näkymän pystysuunnassa.
Tekstin pystytasaus react-natiivissa (käytettäessä natiivipohjaa)
Tekstin pystysuuntaista tasausta ohjaa TextAlign-ominaisuus. Mahdollisia arvoja on kolme:
vasemmalle
keskusta
oikein
Sisäkkäinen teksti
React Nativessa sisäkkäinen teksti on ominaisuus, jonka avulla voit luoda tekstikentän, joka voi sisältää muita tekstikenttiä. Tämä on hyödyllistä, jos haluat luoda lomakkeen, jossa on useita kenttiä, ja haluat pitää kentät järjestyksessä.
Jos haluat käyttää sisäkkäistä tekstiä React Native -sovelluksessasi, luo ensin uusi TextField-komponentti. Lisää sitten seuraava koodi konstruktoriin:
this.state = {};
Tämä alustaa tekstikentän tilan siten, että se sisältää tyhjän merkkijonon. Lisää seuraavaksi seuraava koodi onChange-käsittelijään:
this.setState({teksti: this.state.text});
Tämä päivittää tekstikentän tilan sillä hetkellä sillä hetkellä olevalla arvolla. Lisää lopuksi uusi TextField-komponentti alkuperäisen alapuolelle ja määritä, että sitä tulee käyttää alikenttänä:
