Hovedproblemet relateret til lodret justering af centerreager native view er, at det kan forårsage rulningsproblemer. Når en bruger ruller ned ad en side, vil indholdet i midten af skærmen flytte ned med dem, men indholdet på siderne af skærmen forbliver stationært. Dette kan være et problem, hvis du ønsker, at brugerne skal kunne se alt dit indhold på én gang.
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.
Der er ingen indbygget måde at justere en visning lodret på i React Native. Du kan dog bruge stilegenskaben "transform" med værdien "translateY(50%)" til at centrere en visning lodret.
Tekst lodret justering i react native (ved hjælp af nativebase)
Lodret justering i tekst styres af egenskaben TextAlign. Der er tre mulige værdier:
til venstre
center
højre
Indlejret tekst
I React Native er indlejret tekst en funktion, der giver dig mulighed for at oprette et tekstfelt, der kan indeholde andre tekstfelter. Dette er nyttigt, hvis du vil oprette en formular, der har flere felter, og du vil holde felterne organiseret.
For at bruge indlejret tekst i din React Native-app skal du først oprette en ny TextField-komponent. Tilføj derefter følgende kode til konstruktøren:
denne.tilstand = {};
Dette vil initialisere tekstfeltets tilstand, så det indeholder en tom streng. Tilføj derefter følgende kode til onChange-handleren:
this.setState({tekst: this.state.text});
Dette vil opdatere tekstfeltets tilstand med den værdi, der i øjeblikket er i det. Tilføj endelig en ny TextField-komponent under din originale og angiv, at den skal bruges som underordnet felt:
