Hovedproblemet knyttet til det opprinnelige synet for vertikal justering av senterreager er at det kan forårsake rulleproblemer. Når en bruker ruller nedover en side, vil innholdet i midten av skjermen flyttes ned med dem, men innholdet på sidene av skjermen forblir stasjonært. Dette kan være et problem hvis du vil at brukere skal kunne se alt innholdet ditt samtidig.
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.
Det er ingen innebygd måte å vertikaljustere en visning i React Native. Du kan imidlertid bruke stilegenskapen "transform" med verdien "translateY(50%)" for å sentrere en visning vertikalt.
Tekst vertikal justering i react native (ved hjelp av nativebase)
Vertikal justering i tekst kontrolleres av egenskapen TextAlign. Det er tre mulige verdier:
venstre
senter
ikke sant
Nestet tekst
I React Native er nestet tekst en funksjon som lar deg lage et tekstfelt som kan inneholde andre tekstfelt. Dette er nyttig hvis du vil lage et skjema som har flere felt, og du vil holde orden på feltene.
For å bruke nestet tekst i React Native-appen din, må du først opprette en ny TextField-komponent. Deretter legger du til følgende kode til konstruktøren:
this.state = {};
Dette vil initialisere tilstanden til tekstfeltet slik at det inneholder en tom streng. Deretter legger du til følgende kode i onChange-behandleren:
this.setState({tekst: this.state.text});
Dette vil oppdatere tilstanden til tekstfeltet med den verdien som er i det. Til slutt legger du til en ny TextField-komponent under den opprinnelige og spesifiser at den skal brukes som underordnet felt:
