On a press of the button : Hide keyboard in react-native

Question

when I press in button the keyboard still apear How can I do this : " On a press of the button : Hide keyboard" ?

here is my code for button

 manage = () => { const { navigate } = this.props.navigation; if (this.state.text.length === 10) { navigate('service',{text: this.state.text}); } else { Alert.alert('الرجاء ادخال الرقم الوطني المكون من 10 أرقام') } } <Button title='التالي' backgroundColor="#C1272D" onPress={this.manage}> </Button>

Aravind S · Accepted Answer · 2018-07-31 08:56:59Z

15

Try this

import { Keyboard } from 'react-native'; Keyboard.dismiss()//Call where ever you needed

Docs here

answered Jul 31, 2018 at 8:56

Aravind S

2,3952 gold badges15 silver badges21 bronze badges

Sign up to request clarification or add additional context in comments.

1 Comment

Tornike Shavishvili Over a year ago

Works, very easy to use!

Collectives™ on Stack Overflow

On a press of the button : Hide keyboard in react-native

1 Answer 1

1 Comment

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

1 Comment

Related