JSPM

react-native-password-field

1.0.8
  • ESM via JSPM
  • ES Module Entrypoint
  • Export Map
  • Keywords
  • License
  • Repository URL
  • TypeScript Types
  • README
  • Created
  • Published
  • 0
  • Score
    100M100P100Q18189F
  • License MIT

This is a react native custom text input component. This text input will hide and show text based on icon clicked in the text field. This version supports pod install and is compatible with react-native 0.60 and above

Package Exports

  • react-native-password-field

This package does not declare an exports field, so the exports above have been automatically detected and optimized by JSPM instead. If any package subpath is missing, it is recommended to post an issue to the original package (react-native-password-field) to support the "exports" field. If that is not possible, create a JSPM override to customize the exports field for this package.

Readme

react-native-password-field

This is a react native custom text input component. This text input will hide and show text based on icon clicked in the text field. This version supports pod install and is compatible with react-native 0.60 and above.

Getting started

$ npm install react-native-password-field --save or $ yarn add react-native-password-field

Mostly automatic installation

For react native version < 0.60, call react-native link before proceeding. $ react-native link react-native-password-field

Follow the below steps, for all versions of react native that supports pod. $ cd ios $ pod install

Usage

import PasswordField from 'react-native-password-field';

// Add a state in constructor with name password and update it based on the operation performed

<PasswordField
    placeholder={'Password'}
    passwordValue={this.state.password}
    backgroundColor={'white'}
    textColor={'black'}
    onChangeText={password => this.setState({password: password})}
/>