react-native-text-input-enhance

Text Input Enhance to fix clear text value in React Native Text Input

Usage no npm install needed!

<script type="module">
  import reactNativeTextInputEnhance from 'https://cdn.skypack.dev/react-native-text-input-enhance';
</script>

README

react-native-text-input-enhance npm version

Demo

Getting started

$ npm install react-native-text-input-enhance --save

Why you should this TextInput

In React Native version 0.54.0 we have bug

  • clear() doesn't work from the second time

Issue

#18272

This issue can fix in the future with this fix #18278

Usage

import RNTextInput from 'react-native-text-input-enhance';

// TODO: What to do with the module?

<TextInput 
  hasRef={ref => (this.textInputRef = ref)} // Use "hasRef" instead of "ref"
  onSubmitEditing={() => this.textInputRef2.focus()} 
/> 
<TextInput hasRef={ref => (this.textInputRef2 = ref)} />

// You can call this fuction in some where to clear text
this.textInputRef.clear();

License

This module is MIT licensed