Phone Input React Native
# Como usar?
## instalação
Utilize npm:
```shell
$ npm install input-phone-rn-br
```
ou yarn:
```shell
$ yarn add input-phone-rn-br
```
## Importando a biblioteca
```ts
import PhoneInputRn from "input-phone-rn-br"
```
## Exemplo de uso
```tsx
import React, {useState} from "react";
import {SafeAreaView, StyleSheet, Text} from "react-native";
import PhoneInputRn from "input-phone-rn-br";
const App = () => {
const [value, setValue] = useState('');
const [phoneFormated, setPhoneFormated] = useState('');
return (
Phone Input React Native
setValue(text)}
setPhoneFormated={setPhoneFormated}
withDarkTheme={false}
/>
Phone Formated: {phoneFormated}
Phone Value: {value}
);
};
const styles = StyleSheet.create({
container: {
flex: 1,
alignItems: 'center',
justifyContent: 'center',
},
text: {
fontSize: 30,
},
});
export default App;
```
## Props
- `value`: boolean
- `onChangeText`: (text: string) => void
- `autoFocus?`: boolean
- `placeHolder?`: string
- `inputMaxLenth?`: number
- `cellFormat?`: boolean
- `telephoneFormat?`: boolean
- `phoneFullFormat?`: string
- `setPhoneFormated?`: (text: string) => void
- `withDarkTheme?`: boolean
- `containerStyle?`: `StyleProp`
- `containerButtonStyle?`: `StyleProp`
- `selfRef`?: `React.LegacyRef`
## Agradecimentos
- [React-native-country-picker-modal
](https://github.com/xcarpentier/react-native-country-picker-modal) é uma biblioteca de "country select" exlucisiva para react native que possibilitou a criação dessa lib;
- [React Native Phone Number Input](https://github.com/garganurag893/react-native-phone-number-input) é uma biblioteca semelhante que inspirou esse projeto ser criado.
Made with ❤️ by developer for developers
