react-native-phone-with-flag

1.1.0 • Public • Published

react-native-phone-with-flag

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'
  5. 'react-native-gesture-handler'
  6. 'react-native'
  7. 'native-base'
  8. '@expo/vector-icons'

Mostly automatic installation

Usage (Example of react-native-phone-with-flag )



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 .

Package Sidebar

Install

npm i react-native-phone-with-flag

Weekly Downloads

3

Version

1.1.0

License

ISC

Unpacked Size

8.56 kB

Total Files

4

Last publish

Collaborators

  • krishna4157