Stuck on an issue?

Lightrun Answers was designed to reduce the constant googling that comes with debugging 3rd party libraries. It collects links to all the places you might be looking at while hunting down a tough bug.

And, if you’re still stuck at the end, we’re happy to hop on a call to see how we can help out.

[Android] TextInput secureTextEntry doesn't work if it have a keyboardType prop with values 'email-address' or 'phone-pad'

See original GitHub issue

[ ✓ ] Review the documentation: https://facebook.github.io/react-native
[ ✓ ] Search for existing issues: https://github.com/facebook/react-native/issues
[ ✓ ] Use the latest React Native release: https://github.com/facebook/react-native/releases

Environment

Environment: OS: Linux 4.4 Node: 8.11.3 Yarn: 1.9.2 npm: 6.3.0 Watchman: Not Found Xcode: N/A Android Studio: Not Found

Packages: (wanted => installed) react: 16.3.1 => 16.3.1 react-native: https://github.com/expo/react-native/archive/sdk-29.0.0.tar.gz => 0.55.4

Description

[Android Only]

If you have an keyboardType prop with values ‘email-address’ or ‘phone-pad’ in your TextInput the secureTextEntry doesn’t work and the input shows its value as a normal input (not like an password input).

Reproducible Demo

Snack full example: https://snack.expo.io/HkqrRfqS7

<TextInput
  secureTextEntry
  keyboardType="email-address"
/>

<TextInput
  secureTextEntry
  keyboardType="phone-pad"
/>

Issue Analytics

State:
Created 5 years ago
Reactions:13
Comments:7 (1 by maintainers)

Top GitHub Comments

2reactions

isis1234commented, Aug 12, 2018

omg that useful for me!! thank you very much!

1reaction

buchidiaicommented, Jun 30, 2019

wow thanks just saved me from 3 hrs of debugging

Top Results From Across the Web

react native secureTextEntry not working on android

The first textbox works fine when a password is entered it show as dots, but the confirm password field does not work. does...

TextInput - React Native

A foundational component for inputting text into the app via a keyboard. Props provide configurability for several features, ...

TextInput - React Native

A foundational component for inputting text into the app via a keyboard. Props provide configurability for several features, such as auto-correction, ...

An overview of all keyboard types available in React Native

We will discuss how to create a numeric keyboard that includes a decimal point for ... TextInput props values for `keyboardType` by example....

password textInput not working on android - Code Grepper

[Android Only] If you have an keyboardType prop with values 'email-address' or 'phone-pad' in your TextInput the secureTextEntry doesn't work and the input...