title: How to achieve React Native Password Show Hide without side effect
body: <p>I want to do a password box that:</p>
  
  <ul>
  <li>show/hide password and the TextInput won't lose focus.</li>
  <li>The keyboard type won't change</li>
  <li>when change password box state without focus, won't auto focus. </li>
  </ul>
  
  <p>My codes are something like following:</p>
  
  <pre><code>      &lt;View style={styles.container}&gt;
          &lt;TextInput
            style={styles.textInput}
            value={text}
            onChangeText={text =&gt; this.setState({ text })}
            secureTextEntry={secureTextEntry}
            underlineColorAndroid="transparent"
          /&gt;
          &lt;TouchableWithoutFeedback
            onPress={() =&gt; (showing ? this.hide() : this.show())}
          &gt;
            &lt;Image source={this.image} /&gt;
          &lt;/TouchableWithoutFeedback&gt;
        &lt;/View&gt;
  </code></pre>
  
  <p>But this will make focus lose when I click change image. So how can I get the aim?</p>