web-dev-qa-db-fra.com

Désactiver IOS suggestions de clavier dans React Native

J'essaie de mettre en place une page de commentaires dans mon application et je veux que le champ de saisie des commentaires se trouve juste au-dessus du clavier comme Facebook, Instagram, Strava et de nombreuses autres applications. Mais quand le clavier arrive, il a des suggestions en haut comme ceci: enter image description here

Je souhaite désactiver les suggestions au-dessus du clavier ici afin de pouvoir mettre mon entrée de texte sur le clavier. Est-ce possible dans React-Native?

React-Native: 0.44.0

17
Ryan Wilson

Donc, après avoir creusé un peu plus, j'ai trouvé que si vous définissez la propriété autoCorrect sur le TextInput lui-même sur false, cela supprime les suggestions au-dessus du clavier. Pas besoin d'aller dans le code natif pour essayer de résoudre ce problème.

c'est à dire: <TextInput autoCorrect={false}/>

52
Ryan Wilson

Si ReactNative expose la propriété autocorrectionType sur UITextField, vous pouvez la définir sur UITextAutocorrectionTypeNo.

1
Matthew

Il s'agit d'une option activée ou désactivée par l'utilisateur, il ne serait pas judicieux de placer du contenu ici s'il est essentiel qu'il soit affiché (sauf si vous êtes satisfait que l'utilisateur ait potentiellement besoin de faire défiler) pour cette raison.

Il y a quelques utilitaires utiles disponibles via react native qui vous permettent de contrôler le clavier d'autres manières, comme ...

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

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

il existe également divers autres packages npm qui valent également le détour.

0
user3095495