# react-native-phone-with-flag

> simple component that is used to get all flags near input field

Latest version **1.1.0** (published 2021-09-28) · ISC license · 0 weekly downloads

## Install

```sh
npm install react-native-phone-with-flag
pnpm add react-native-phone-with-flag
yarn add react-native-phone-with-flag
bun add react-native-phone-with-flag
```

## 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.1.0 |
| Published | 2021-09-28 |
| First published | 2021-09-28 |
| Weekly downloads | 0 |
| License | ISC |
| TypeScript types | none |
| Module format | CommonJS |
| Dependencies | 0 |
| Unpacked size | 8.4 KB |
| Known vulnerabilities | 0 |
| Install scripts | no |
| GitHub stars | 0 |
| Author | krishna4157 |
| Maintainers | krishna4157 |
| Keywords | react-native, phone-number, react-native-flags, country-flags |

## Links

- npm: https://www.npmjs.com/package/react-native-phone-with-flag
- Repository: https://github.com/krishna4157/react-native-phone-with-flag
- Homepage: https://github.com/krishna4157/react-native-phone-with-flag#readme
- Issues: https://github.com/krishna4157/react-native-phone-with-flag/issues
- npm.io page: https://npm.io/package/react-native-phone-with-flag

## Alternatives

- [random-seedable](https://npm.io/package/random-seedable.md) — 27.9K weekly downloads
- [n2words](https://npm.io/package/n2words.md) — 22.2K weekly downloads
- [@stdlib/math-base-special-factorialln](https://npm.io/package/@stdlib/math-base-special-factorialln.md) — 5.7K weekly downloads
- [@stdlib/math-base-special-abs2](https://npm.io/package/@stdlib/math-base-special-abs2.md) — 1.7K weekly downloads
- [commons-math-interpolation](https://npm.io/package/commons-math-interpolation.md) — 1.4K weekly downloads

## Recent versions

- 1.1.0 (latest) — 2021-09-28
- 1.0.9 — 2021-09-28
- 1.0.8 — 2021-09-28
- 1.0.7 — 2021-09-28
- 1.0.6 — 2021-09-28
- 1.0.5 — 2021-09-28
- 1.0.4 — 2021-09-28
- 1.0.3 — 2021-09-28
- 1.0.2 — 2021-09-28
- 1.0.1 — 2021-09-28
- 1.0.0 — 2021-09-28

## README

# react-native-phone-with-flag

![](https://i.imgur.com/N39m09b.gif)

react-native-phone-with-flag is a plugin to get country flags on the left side of input component and can select any country flag from popup modal. 

## Getting started

`$ npm install react-native-phone-with-flag --save`

`$ yarn add react-native-phone-with-flag`

To use this dependency in your project, the following packages are needed. 
1. 'react'
2. 'formik'
3. 'yup'
4. 'react-native-country-picker-modal'
2. 'react-native-gesture-handler'
3. 'react-native'
5. 'native-base'
4. '@expo/vector-icons'

### Mostly automatic installation


## Usage (Example of react-native-phone-with-flag )
```javascript



import React, {Component} from 'react';
import {View} from 'react-native'; 
import PhoneNumberWithFlag from 'react-native-phone-with-flag';

/*
    npm install react-native-phone-with-flag
*/

export default class App extends Component{
    constructor(props){
        super();
    }
    render(){
        return (
        <View style={{alignItems:"center",justifyContent:"center",flex:1}}>
            <PhoneNumberWithFlag getNum={()=>{
                //function to return data that is given as input.
            }} placeHolder={'enter phone number'}  />
        </View>
        );
    }
}


// TODO: What to do with the module?
PhoneNumberWithFlag;
```

# required Props and its datatypes :

1. placeHolder  : '' or String

2. getNum       : func() 
                        .returns data that is given in input field.

# Credit goes to : 

react, formik, yup, react-native-country-picker-modal ,react-native-gesture-handler, react-native, native-base, @expo/vector-icons

# Contribution :

if you like my work 😀 u can contribute using vpa
vpa : krishna.santho08@okaxis

it will be a great support to me ☺.

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