# react-native-gmailtype-textinput

> A simple and fully customizable React Native component that implements The Gamil Type Text Input Field.

Latest version **1.0.6** (published 2019-03-09) · ISC license · 0 weekly downloads

## Install

```sh
npm install react-native-gmailtype-textinput
pnpm add react-native-gmailtype-textinput
yarn add react-native-gmailtype-textinput
bun add react-native-gmailtype-textinput
```

## Health

**Score 15/100 (F)** — status: abandoned.

Positive: no vulnerabilities.

Warnings: low downloads; no types; no esm support.

Negative: abandoned; low maintenance score.

## Facts

| | |
|---|---|
| Version | 1.0.6 |
| Published | 2019-03-09 |
| First published | 2019-03-09 |
| Weekly downloads | 0 |
| License | ISC |
| TypeScript types | none |
| Module format | CommonJS |
| Dependencies | 0 |
| Unpacked size | 6.1 KB |
| Known vulnerabilities | 0 |
| Install scripts | no |
| GitHub stars | 6 |
| Author | Manish Kumar Mishra |
| Maintainers | manish_mishra |
| Keywords | react-native-gmailtype-textinput, gmailtype-textinput, input, textinput, react-native, react-component, react-native-component |

## Links

- npm: https://www.npmjs.com/package/react-native-gmailtype-textinput
- Repository: https://github.com/mkm1997/react-native-gmailtype-textinput
- Homepage: https://github.com/mkm1997/react-native-gmailtype-textinput#readme
- Issues: https://github.com/mkm1997/react-native-gmailtype-textinput/issues
- npm.io page: https://npm.io/package/react-native-gmailtype-textinput

## Alternatives

- [@expo/fingerprint](https://npm.io/package/@expo/fingerprint.md) — 6.2M weekly downloads
- [@azure/monitor-opentelemetry-exporter](https://npm.io/package/@azure/monitor-opentelemetry-exporter.md) — 850.0K weekly downloads
- [@azure/monitor-opentelemetry](https://npm.io/package/@azure/monitor-opentelemetry.md) — 624.0K weekly downloads
- [@posthog/ai](https://npm.io/package/@posthog/ai.md) — 423.3K weekly downloads
- [fakefilter](https://npm.io/package/fakefilter.md) — 63.9K weekly downloads

## Recent versions

- 1.0.6 (latest) — 2019-03-09
- 1.0.5 — 2019-03-09
- 1.0.4 — 2019-03-09
- 1.0.3 — 2019-03-09
- 1.0.2 — 2019-03-09
- 1.0.1 — 2019-03-09
- 1.0.0 — 2019-03-09

## README

# React Native Gmailtype Textinput 
### react-native-gmailtype-textinput
A React Native component that allow you to use latest Gmail Type Text Input Field in react-native app.It is compatible with both 
expo and react-native-init.
it is a cross platform componenet so it can be use in both android as well as ios. 


| GIF                                                                                                                 |                                                       Image                                                      | Image |
|---------------------------------------------------------------------------------------------------------------------|----------------------------------------------------------------------------------------------------------------|------------------------------|
| <img src="https://raw.githubusercontent.com/mkm1997/react-native-gmailtype-textinput/master/assets/screen.gif" width="250px"> | <img src="https://raw.githubusercontent.com/mkm1997/react-native-gmailtype-textinput/master/assets/1.jpeg"  width="250px"> |<img src="https://raw.githubusercontent.com/mkm1997/react-native-gmailtype-textinput/master/assets/2.jpeg" width="250px">|




## Getting Started

`Install it by using either npm or yarn`

with npm

 ```
 npm i react-native-gmailtype-textinput
 react-native link react-native-gmailtype-textinput
 ```

with yarn

 ```
 yarn add react-native-gmailtype-textinput
 react-native link react-native-gmailtype-textinput
```







### Usages

```import React from 'react';
 import { StyleSheet, Text, View,KeyboardAvoidingView } from 'react-native';
 import GmailInput from 'react-native-gmailtype-textinput';
 
 export default class App extends React.Component {
     constructor(props){
         super(props);
         this.state = {
             email_or_phone:'',
             password:''
         }
     }
     render() {
         return (
             <KeyboardAvoidingView
                 style={styles.container}
                 behavior="padding"
             >
                 <Text>Gmail Type Input Field</Text>
                 <View style={{width:"100%",marginBottom: 10}}>
                     <GmailInput label='Email or Phone'
                                 onChangeText={(text) => {this.setState({email_or_phone:text})}}
                                 hideLabel={this.state.email_or_phone !== ''}
                     />
                 </View>
                 <View style={{width:"100%"}}>
                     <GmailInput label='Password'
                                 onChangeText={(text) => {this.setState({password:text})}}
                                 hideLabel={this.state.password !== ''}
                     />
                 </View>
             </KeyboardAvoidingView>
         );
     }
 }
 
 const styles = StyleSheet.create({
     container: {
         flex: 1,
         backgroundColor: '#fff',
         alignItems: 'center',
         justifyContent: 'center',
     },
 });
```

 
### License

ISC

---
_Source: https://npm.io/package/react-native-gmailtype-textinput · Machine-readable twin of the npm.io package page. Health data is recomputed on every publish._