title: Clear button for multiple TextInput in react-native
body: <p>I'm trying to put more than one <code>TextInput</code> here(1st-contact, 2nd-address) in single page and put a clear button at the end of the <code>TextInput</code>s which clears <code>TextInput</code>'s value. But I'm stuck how to make clear button visible when user clicks on individual <code>TextInput</code>. I tried <code>clearButtonMode="while-editing"</code> which doesn't allow me to give custom style. I also tried for single <code>TextInput</code> but I want for multiple <code>TextInput</code>. this one also <a href="https://stackoverflow.com/questions/41793030/is-there-a-cross-platform-clearbuttonmode-for-android-with-react-native">Is there a Cross platform clearButtonMode for Android with React Native</a> &amp; original doc suggests me to <code>setState</code> individually which increment my code size. My code is here:</p>
  
  <pre><code>    _handleCrossIcon() {
        //Here code logic which display clear button 
      }
      _handleCloseCrossIcon(index) {
        //Here code logic hide clear button
      }
  
  
      render(){
           return(
           &lt;View&gt;
             &lt;View&gt;
               &lt;TextInput style={styles.edit_device_contact_txt}
                          editable = {true}
                          keyboardType = "number-pad"
                          onChangeText={(edit_u_contact) =&gt; {this.setState({u_contact: edit_u_contact})}}
                          value={ this.state.u_contact}
                          onFocus={this._handleCrossIcon}
                          onBlur={this._handleCloseCrossIcon}
               /&gt;
               &lt;TouchableOpacity onPress={() =&gt; this._changeUserName('address_cross')} &gt;
                  &lt;Icon style={s.edit_icon} name="ios-close" size={50} color="#00796b"/&gt;
               &lt;/TouchableOpacity&gt;
            &lt;/View&gt;
            &lt;View&gt;
               &lt;TextInput style={s.detail_txtinput}
                          editable = {true}
                          multiline = {true}
                          numberOfLines = {4}
                          onChangeText={(edit_address) =&gt; {this.setState({u_address: edit_address})}}
                          value={this.state.u_address}
                          onFocus={this._handleCrossIcon}
                          onBlur={this._handleCloseCrossIcon}
                /&gt;
                &lt;TouchableOpacity onPress={() =&gt; this._changeUserName('address_cross')} &gt;
                   &lt;Icon style={s.edit_icon} name="ios-close" size={50} color="#00796b"/&gt;
                &lt;/TouchableOpacity&gt;
            &lt;/View&gt;
  &lt;/View&gt;
  );
  }
  </code></pre>
  
  <p>any help is appreciated. Thank in advance.</p>