私は2つのテキスト入力を実装しようとしています。ベストプラクティスがスクロールビュー内にこれらをラップするかどうかはわかりません。しかし、私が下に示すようにそれを行うと、私はちょうど真ん中に一行を見る。TextInput with React Nativeは1行を表示します
スクロールビューを削除してただ1つのテキスト入力を残すと、入力できるボックスが表示されます。私はまだキーボードをシミュレータに表示させることができません。しかし私は手動で入力して状態を変えることができます。
複数のテキスト入力を許可する方法と、下からポップアップするネイティブキーボードを表示する方法については何か考えてください。
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>
);
}
あなたは、iOS上でいますか?ハードウェアキーボード(PCと画面に表示されているキーボード)を切り替えるオプションが必要です。 iOSシミュレータでは⌘Kだと思います。画面のキーボードが表示されるようにするには、iOSシミュレータ - >ハードウェア - >ハードウェアキーボードの接続をオフにする必要があります。 – whitep4nther
あなたのディスプレイの問題に関して、私はiOS上で試すことはできません。私の近くのMacはありませんが、Androidではうまくいくようです。 ScrollViewの 'contentContainerStyle'属性にスタイルを追加してみてください。フレックスや高さを設定すると、問題が解決する可能性があります(https://facebook.github.io/react-native/docs/scrollview.html#content)。とにかく、インスペクタを使用して画面上の要素を検査してみてください(メニュー - >インスペクタ)。 – whitep4nther