1.1.5 • Published 4 years ago

react-native-awesome-text-input v1.1.5

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

<AlejandroFabianCampos> codecov npm bundle size npm npm Conventional Commits GitHub closed issues GitHub issues npm peer dependency version NPM GitHub watchers GitHub Repo stars

react-native-awesome-text-input

A simple lib to share an easy to implement animated custom text input for React native

Awesome Text Input Demo Awesome Text Input Demo

How to install

With npm: npm i react-native-awesome-text-input

With yarn: yarn add react-native-awesome-text-input

Examples

Simple label input

import { AwesomeTextInput } from 'react-native-awesome-text-input';

export default function App() {
  return (
    <AwesomeTextInput label="Simple label" />
  );
}

Password input

import { AwesomeTextInput } from 'react-native-awesome-text-input';

export default function App() {
  return (
    <AwesomeTextInput label="Password" secureTextEntry={true} />
  );
}

All round bordered input

import { AwesomeTextInput } from 'react-native-awesome-text-input';

export default function App() {
  return (
    <AwesomeTextInput 
      label="Bordered input" 
      customStyles={{ 
        container: { 
          borderWidth: 1, 
          borderColor: 'grey', 
          borderRadius: 10 
        }, 
        title: { 
          backgroundColor: "white" 
        } 
      }} />
  );
}

API

PropValuesExample
labelstringExample label
customStyles{ container?: ReactNative.ViewStyle, title?: ReactNative.TextStyle, inputContainer?: ReactNative.ViewStyle }{ container: { borderRadius: 5, backgroundColor: 'purple' } , title: { color: "white" }, inputContainer: { backgroundColor: 'blue' } }
...any ReactNative.TextInput propsReactNative.TextInput propssecureTextEntry: true // Hide the text input for passwords

Are pull requests and feature requests welcomed?

For sure! Don't hesitate to open issues with the enhancement tag or open pull requests for bugfixes/enhancements.

1.1.5

4 years ago

1.1.2

4 years ago

1.1.1

4 years ago

1.1.0

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

0.0.23-beta.0

4 years ago

0.0.21

4 years ago

0.0.22

4 years ago

0.0.23

4 years ago

0.0.2

4 years ago

0.0.1

4 years ago