Det största problemet med vertikal justering av mittreagerande ursprungsvy är att det kan orsaka rullningsproblem. När en användare rullar nedåt på en sida kommer innehållet i mitten av skärmen att flyttas ner med dem, men innehållet på sidorna av skärmen förblir stillastående. Detta kan vara ett problem om du vill att användare ska kunna se allt ditt innehåll på en gång.
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 finns inget inbyggt sätt att vertikaljustera en vy i React Native. Du kan dock använda stilegenskapen "transform" med värdet "translateY(50%)" för att centrera en vy vertikalt.
Text vertikaljustering i react native (med nativebase)
Vertikal justering i text styrs av egenskapen TextAlign. Det finns tre möjliga värden:
vänster
centrum
höger
Kapslad text
I React Native är kapslad text en funktion som låter dig skapa ett textfält som kan innehålla andra textfält. Detta är användbart om du vill skapa ett formulär som har flera fält och du vill hålla fälten organiserade.
För att använda kapslad text i din React Native-app, skapa först en ny TextField-komponent. Lägg sedan till följande kod till konstruktorn:
this.state = {};
Detta kommer att initiera tillståndet för textfältet så att det innehåller en tom sträng. Lägg sedan till följande kod i onChange-hanteraren:
this.setState({text: this.state.text});
Detta kommer att uppdatera textfältets tillstånd med det värde som för närvarande finns i det. Lägg slutligen till en ny TextField-komponent under din ursprungliga och ange att den ska användas som underordnat fält:
