Das Hauptproblem im Zusammenhang mit der nativen Ansicht des vertikalen Ausrichtungszentrums besteht darin, dass es zu Bildlaufproblemen kommen kann. Wenn ein Benutzer eine Seite nach unten scrollt, bewegt sich der Inhalt in der Mitte des Bildschirms mit ihm nach unten, aber der Inhalt an den Seiten des Bildschirms bleibt unverändert. Dies kann ein Problem sein, wenn Sie möchten, dass Benutzer alle Ihre Inhalte auf einmal sehen können.
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.
Es gibt keine integrierte Möglichkeit, eine Ansicht in React Native vertikal auszurichten. Sie können jedoch die Stileigenschaft „transform“ mit dem Wert „translateY(50%)“ verwenden, um eine Ansicht vertikal zu zentrieren.
Text vertikal ausrichten in React Native (unter Verwendung von nativebase)
Die vertikale Ausrichtung im Text wird durch die TextAlign-Eigenschaft gesteuert. Es gibt drei mögliche Werte:
links
Zentrum
Recht
Verschachtelter Text
In React Native ist verschachtelter Text eine Funktion, mit der Sie ein Textfeld erstellen können, das andere Textfelder enthalten kann. Dies ist nützlich, wenn Sie ein Formular mit mehreren Feldern erstellen und die Felder organisiert halten möchten.
Um verschachtelten Text in Ihrer React Native-App zu verwenden, erstellen Sie zunächst eine neue TextField-Komponente. Fügen Sie dann den folgenden Code zum Konstruktor hinzu:
this.state = {};
Dadurch wird der Status des Textfelds initialisiert, sodass es eine leere Zeichenfolge enthält. Fügen Sie als Nächstes den folgenden Code zum onChange-Handler hinzu:
this.setState({Text: this.state.text});
Dadurch wird der Status des Textfelds mit dem Wert aktualisiert, der sich gerade darin befindet. Fügen Sie abschließend eine neue TextField-Komponente unterhalb Ihrer ursprünglichen hinzu und geben Sie an, dass sie als untergeordnetes Feld verwendet werden soll:
