1.0.5 • Published 4 years ago

react-native-toggle-password-visibility v1.0.5

Weekly downloads
-
License
MIT
Repository
github
Last release
4 years ago

React Native Toggle Password Visibility

This is a custom component for React Native, a simple Toggle Password InputText, compatible with both ios, android and expo.

example

for expo use react-native-toggle-password-visibility-expo

Installation.

Install the package with YARN.

yarn add react-native-toggle-password-visibility --save

Or with NPM

npm install react-native-toggle-password-visibility --save

How to use.

Very simple to use just add this component in your file.

// import packages
import React, {useState} from 'react';
import { View } from 'react-native';
import InputPasswordToggle from 'react-native-toggle-password-visibility';

export default function App() {
  const [password, setPassword] = useState('');
  return (
    <InputPasswordToggle 
      value={password}
      onChangeText={setPassword}/>
  );
}

Props

namedescriptiontypedefault
iconIcon before inputNumbernone
iconSizeEye icon sizeNumber20
iconColorEye icon colorString#222222
inputStyleStyle Inputobjectnull
// Icon before input
    <InputPasswordToggle 
      icon="lock"
      value={password}
      onChangeText={setPassword}/>
  );
}
1.0.5

4 years ago

1.0.4

4 years ago

1.0.3

4 years ago

1.0.2

4 years ago

1.0.1

4 years ago

1.0.0

4 years ago