React Native Set TextInput Type Style Password Example

#react #reactnative #android #javascript

Post Link : https://www.skptricks.com/2018/08/react-native-set-textinput-type-style-password.html

This tutorial explains how do you style a TextInput component in react native for password input. In react native application when you are entering any text or value in TextInput layout component, then by default entered text is visible to user. But sometime we need to encrypt the value present in TextInput layout component, so that details are not exposed to any other people/users.

Just take an example of password field in basic HTML Form, where the password field value is encrypted to asterisk symbol. Similarly In this tutorial we are going to encrypt or hide the password value in TextInput layout component in react native application.
To create secure password field, you need to use secureTextEntry props inside the TextInput component. (i.e : secureTextEntry={true})

Download source code

How to reduce TTFB

In the past few years in the web dev world, we’ve seen a significant push towards rendering our websites on the server. Doing so is better for SEO and performs better on low-powered devices, but one thing we had to sacrifice is TTFB.

In this article, we’ll see how we can identify what makes our TTFB high so we can fix it.