ネイティブiOS TextInputに反応します：secureTextEntryスイッチのフォントを切り替える

Question

TextInputの表示パスワード機能をネイティブ0.30.0に実装したいと思います。 passwordHidden状態変数を変更するTextInputの隣に「目」ボタンを実装しました。ここに私のコードは次のとおりです、

... 
    <View style={[styles.passwordWrapper, styles.textInputBorder]}> 
     <TextInput 
      autoCapitalize={'none'} 
      autoCorrect={false} 
      clearButtonMode={'while-editing'} 
      style={[styles.textInput, styles.passwordInput]} 
      onChangeText={(password) => this.onPasswordChange(password)} 
      value={this.state.password} 
      secureTextEntry={this.state.passwordHidden} 
      multiline={false} 
      placeholder={Strings.password} 
      underlineColorAndroid={Colors.surfacePrimary} 
     /> 
     <TouchableOpacity style={styles.showPasswordButton} onPress={this.onPressShowPassword}> 
      <EntypoIcon color={Colors.surfacePrimary} name={this.state.passwordHidden ? 'eye' : 'eye-with-line'} size={20} /> 
     </TouchableOpacity> 
     </View> 
... 
onPressShowPassword: function() { 
var previousState = this.state.passwordHidden; 
requestAnimationFrame(() => { 
    this.setState({ 
    passwordHidden: !previousState, 
    }); 
}); 

}

ここでパスワードTextInputがボタンをクリックする前にどのように見えるかです。 クリックした後： 3回目にタップしてタイプを開始すると、パスワードはすぐにクリアされます。私は、アプリケーション全体でもfontFamilyをスタイルで変更していません。

誰でも何が起こっているのか説明できますか？または、その厄介な行動をどのように克服するか。

Answer 1

ユーザがパスワードの表示/非表示をクリックすると、TextInputからフォーカスが削除されます。これを行う1つの方法は、TextInputにref（たとえばref="password"）を追加してから、this.refs.password.blur()