web-dev-qa-db-ja.com

IOSキーボードの提案を無効にするReact Native

アプリにコメントページを設定しようとしています。コメント入力フィールドをFacebook、Instagram、Stravaなどの多くのアプリのようにキーボードの真上に配置したいと思います。しかし、キーボードが入ってくると、次のように上部に提案があります: enter image description here

ここでキーボードの上にある提案を無効にして、キーボードの上にテキスト入力を配置できるようにします。これはReact-Nativeで可能ですか?

反応ネイティブ:0.44.0

17
Ryan Wilson

少し掘り下げた結果、TextInput自体のautoCorrectプロップをfalseに設定すると、キーボードの上にある提案が削除されることがわかりました。この問題を修正するためにネイティブコードにアクセスする必要はありません。

すなわち:<TextInput autoCorrect={false}/>

52
Ryan Wilson

ReactNativeがautocorrectionTypeUITextFieldプロパティを公開する場合は、UITextAutocorrectionTypeNoに設定できます。

1
Matthew

これはユーザーが有効または無効にするオプションです。そのため、コンテンツを表示することが重要な場合(ユーザーがスクロールする必要がある可能性がある場合を除き)、コンテンツをここに配置することは賢明ではありません。

次のような他の方法でキーボードを制御できるようにするreactネイティブを通じて利用できるいくつかの便利なユーティリティがあります...

https://facebook.github.io/react-native/docs/keyboard.html

https://facebook.github.io/react-native/docs/keyboardavoidingview.html

他にも見ておく価値のあるさまざまなnpmパッケージもあります。

0
user3095495