Prevent keyboard dismiss. React native

Question

How to keep keyboard opened when i have TextInput and Touchable near input that sends message. So i want to send message without double tap on touchable. First to hide keyboard, second to send message. How to do that?

Possible duplicate of [React Native have to double click for onPress to work](https://stackoverflow.com/questions/42808294/react-native-have-to-double-click-for-onpress-to-work) — WayneC, Aug 25 '17 at 14:51

score 29 · Answer 1 · edited Feb 12 '19 at 09:49

29

Use keyboardShouldPersistTaps to handle this.

Example:-

<ScrollView
        keyboardDismissMode="on-drag"
        keyboardShouldPersistTaps={'always'} >
</ScrollView>

Deprecated Properties:-

false, deprecated, use 'never' instead

true, deprecated, use 'always' instead

source

edited Feb 12 '19 at 09:49

RajnishCoder

3,455
6
20
35

answered Aug 25 '17 at 15:39

csath

1,248
11
25

3

Don't use `true`, use 'always', as true is deprecated. – Gant Laborde Oct 05 '17 at 16:14

GollyJer · Answer 2 · 2020-07-13T17:47:14.030

Check out keyboardShouldPersistTaps.

The following keeps the keyboard open when content is tapped but closes the keyboard when dragged.

<ScrollView keyboardShouldPersistTaps="always" keyboardDismissMode="on-drag">

  {/* Content containing interactive elements such as <Touchable /> */}

</ScrollView>

Note
Any parent ScrollViews/VirtualizedLists/Flatlists/SectionLists will also need to set keyboardShouldPersistTaps="always"

Here are some gory details if you're interested.

score 3 · Answer 3 · answered Aug 25 '17 at 14:23

3

Have a look at the keyboardShouldPersistTaps property of ScrollView. Setting it to "handled" should do what you are looking for.

answered Aug 25 '17 at 14:23

WayneC

5,569
2
32
43

1

Why scrollview? I need `TouchableHighlight` – IC_ Aug 25 '17 at 14:39
if you wrap your screen in ScrollView, you can set the keyboard behaviour. – WayneC Aug 25 '17 at 14:45
You can add `scrollEnabled={false}` to disable scrolling if you don't need it. – WayneC Aug 25 '17 at 14:48
8

That's not working. Tried 'always', 'handled' but no one worked for me. Keyboard closes after tapping item in scrollview – IC_ Aug 27 '17 at 03:26

score 0 · Answer 4 · answered Nov 21 '22 at 05:07

just only wrap you submit button with scrollview and then make sure u need to add two props keyboardShouldPersistTaps="always" and keyboardDismissMode="on-drag" like this ...

<TextInput/> 
<ScrollView
            contentContainerStyle={{
              width: SIZES.width / 6,
              height: 60,
            }}
            keyboardShouldPersistTaps="always"
            keyboardDismissMode="on-drag">
<TouchableOpacity onPress={}>
</TouchableOpacity>
</ScrollView>

Prevent keyboard dismiss. React native

4 Answers4

Linked