2015-09-30 53 views
18

C'è un modo semplice per nascondere la tastiera iOS? Voglio forzarlo a chiudere in alcuni scenari specifici che non richiedono necessariamente la messa a fuoco di un'altra vista. ad esempio una risposta specifica dal server.Elimina tastiera React-Native

+1

Possibile duplicato del [reagire-native: nascondere i tasti] (https://stackoverflow.com/questions/29685421/react-native-hide-keyboard) –

risposta

51

Uso di built-in Keyboard Modulo:

import { Keyboard } from 'react-native'; 

Keyboard.dismiss(); 
+0

C'è un modo per ignorare la tastiera e non perdere la messa a fuoco? – roadev

24

stato in grado di raggiungere questo obiettivo con

import dismissKeyboard from 'react-native/Libraries/Utilities/dismissKeyboard' 

E poi nel punto in cui ho bisogno per attivare la tastiera off

dismissKeyboard(); 

- - EDIT - -

Anche l'importazione come questa funziona ugualmente.

import dismissKeyboard from 'dismissKeyboard' 

- - EDIT # 2 - -

La mia risposta originale è ormai superata. Il modo corretto è menzionato qui di seguito per @ Chen-Tsu Lin

import { Keyboard } from 'react-native'; 

Keyboard.dismiss(); 
+4

Da React Native 0.35, è possibile utilizzare un componente Keyboard. http://facebook.github.io/react-native/releases/next/docs/keyboard.html. Non potrei tuttavia importare {Keyboard} da 'react-native' come suggerisce la documentazione. Uso const {Keyboard} da 'react-native'. – shrutim

+1

Ho votato questa risposta, non perché non è corretto, solo perché obsoleto. Utilizzare il modulo tastiera in RN – neiker

2

È inoltre possibile utilizzare questa libreria ho scritto: react-native-dismiss-keyboard. Fondamentalmente è uguale all'importazione di "dismissKeyboard", ma utilizza solo API pubbliche ed è quindi più sicuro da usare e non si basa sul packager che risolve "dismissKeyboard" come al momento.