Ich versuche, zwei Texteingaben zu implementieren. Ich bin mir nicht sicher, ob die beste Methode darin besteht, diese in eine Bildlaufansicht zu verpacken oder nicht. Wenn ich es jedoch wie unten gezeigt mache, sehe ich nur eine einzige Linie in der Mitte.TextInput mit React Native zeigt eine einzelne Zeile
Wenn ich die Bildlaufansicht entferne und nur eine Texteingabe belasse, wird eine Box mit Eingaben angezeigt, mit denen ich interagieren kann. Obwohl ich immer noch nicht in der Lage bin, die Tastatur auf dem Simulator anzuzeigen. Aber ich kann den Status manuell eingeben und ändern.
Haben Sie eine Idee, wie Sie mehr als eine Texteingabe zulassen und wie die native Tastatur angezeigt wird, die von unten erscheint?
render() {
return (
<ScrollView>
<TextInput
style={{height: 40, borderColor: 'gray', borderWidth: 1}}
placeholder="Enter item 1"
value={this.state.text}
onChangeText={this.onChange} />
<TextInput
style={{height: 40, borderColor: 'gray', borderWidth: 1}}
placeholder="Enter item 2"
value={this.state.text}
onChangeText={this.onChange} />
</ScrollView>
);
}
Sind Sie auf iOS? Es sollte eine Option geben, um zwischen der Hardware-Tastatur - Ihrem PC - und der auf Ihrem Bildschirm angezeigten zu wechseln. Ich denke es ist onK auf dem iOS-Simulator. Sie können es im oberen Menü finden, sonst sollte iOS Simulator -> Hardware -> Hardware-Tastatur schließen deaktiviert sein, damit die Bildschirmtastatur angezeigt wird. – whitep4nther
In Bezug auf Ihr Display-Problem, kann ich es nicht auf iOS-kein Mac in meiner Nähe versuchen - aber in Android scheint gut zu funktionieren. Versuchen Sie, dem Attribut contentContainerStyle in Ihrem ScrollView Stile hinzuzufügen. Vielleicht hilft das Problem mit flex oder setting height (https://facebook.github.io/react-native/docs/scrollview.html#content). Versuchen Sie trotzdem, den Inspektor zu verwenden, um Elemente auf Ihrem Bildschirm zu überprüfen (Menü -> Inspektor). – whitep4nther