javascript - How to disable return key in react native? - Stack Overflow

admin管理员组

文章数量:1317560

How can I disable the return key if the TextInput is empty.Like in default ios messenger

So if there is no text in the input the search button is disabled.

In react-native using returnKeyType="search" the Search button es but I didn't find anything to disable it.

How will I achieve that??

How can I disable the return key if the TextInput is empty.Like in default ios messenger

So if there is no text in the input the search button is disabled.

In react-native using returnKeyType="search" the Search button es but I didn't find anything to disable it.

How will I achieve that??

• javascript
• react-native

Share Improve this question Follow asked May 2, 2019 at 14:16 priteshpritesh 2,1922121 silver badges2626 bronze badges

Add a ment  | 

2 Answers 2

Sorted by: Reset to default 8

Use enablesReturnKeyAutomatically props of TextInput

I know it doesn't answer your question, but it helped me to do something like this, since you can't disable it fully...

You can disable blurOnSubmit and handle input like this:

      <TextInput           
        blurOnSubmit={false}
        onSubmitEditing={(submitEvent) =>
          doSomething(submitEvent.nativeEvent.text)
          Keyboard.dismiss() // import { Keyboard } from 'react-native'
        }
      />

(some useful tips on disabling return key found here)

本文标签： javascriptHow to disable return key in react nativeStack Overflow