React Native Why does my keyboard dismiss instantly every time I tap on the textInput?

Question

My keyboard always dismisses instantly when I tap on the textInput. This only happens on Android.

It's strange that I've tried removing all irrelevant codes to textInput only, but the problem still exists. This only happens to one page of my app.

  <View>
            <TextInput
              style={{
                paddingVertical: 0,
                textAlignVertical: 'center',
                height: height * 0.05,
                width: width * 0.4,
                fontSize: height * 0.027,
                color: '#E1E1F2',
                borderBottomWidth: 1,
                borderBottomColor: '#6B778A',
                justifyContent: 'center',
              }}
              placeholderTextColor={'#6B778A'}
              underlineColorAndroid='black'/>
  </View>

I think there is nothing wrong with the codes, I really need help.

screen record: media.giphy.com/media/Vc6AbKbMsnZX8ykKqR/giphy.gif

Can you please provide the entire code, perhaps the entire render function? I believe there is a lot more than what you're showing here. — , Sep 20 '19 at 11:45
please add **onChangeText** event and **value** in your textinput. — Nagesh Fultambkar, Sep 20 '19 at 11:46
@swonder that's all the code. Here is the screen record media.giphy.com/media/Vc6AbKbMsnZX8ykKqR/giphy.gif — Pang, Sep 20 '19 at 11:55
@pang please update your **latest** code with **onChangeText** event — Nagesh Fultambkar, Sep 20 '19 at 12:00
@pang Please provide **all** code. There is something more than just a view and an input. That's for sure. Let us help you, post your code. — , Sep 20 '19 at 12:03

score 1 · Answer 1 · answered Sep 20 '19 at 11:21

1

Probably your input is inside a ScrollView.

See React Native: Keyboard dismiss when changing focus in ScrollView for solution.

answered Sep 20 '19 at 11:21

Martin Janeček

560
4
20

1

It's only wrapped by a View. – Pang Sep 20 '19 at 11:26

score 1 · Answer 2 · answered May 13 '22 at 05:53

1

it happens due to the react native screens , navigation stack and native dependency versions , just update them to the latest versions

answered May 13 '22 at 05:53

Abhishek Kumar Kushwaha

21
2

React Native Why does my keyboard dismiss instantly every time I tap on the textInput?

2 Answers2