Avoiding TextInput focus on React Native Android

Question

The following code works fine on iOS

<TextInput pointerEvents={"none"} value={textValue2} onPress={something}></TextInput>

But on android it would seem that pointerEvents isnt supported.

I tried wrapping the TextInput around a TouchableOpacity but sadly (albeit reasonably) focus is still given to it when pressed. Is there anyway i can detect the press without triggering the focus? Other props i've tried that didnt work:

editable={false} selectTextOnFocus={false}

One simple hack could be to add a transparent view on top of this textInput and handle onClick of the transparent view as required. — Chandini
– Chandini, Commented Sep 24, 2018 at 3:50

Sagar Bhatnagar · Accepted Answer · 2018-09-21 08:41:22Z

5

You can use Keyboard API. import { Keyboard, TextInput } from 'react-native'; <TextInput onSubmitEditing={Keyboard.dismiss} />

Please see the full example in react native offical document.

answered Sep 21, 2018 at 8:41

Sagar Bhatnagar

4822 silver badges11 bronze badges

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

1 Comment

Return-1 Over a year ago

Doesnt seem to work, additionally tried the same with onFocus but nada

Collectives™ on Stack Overflow

Avoiding TextInput focus on React Native Android

1 Answer 1

1 Comment

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

1 Comment

Related