coco
199 lines
4.9 KiB
Markdown
199 lines
4.9 KiB
Markdown
# Jetpack Compose Country Code Picker
|
|
|
|
Jetpack Compose Country Code Picker
|
|
|
|
<a href="https://www.buymeacoffee.com/mcode" target="_blank"><img src="https://cdn.buymeacoffee.com/buttons/v2/default-yellow.png" alt="Buy Me A Coffee" style="height: 60px !important;width: 217px !important;" ></a>
|
|
|
|
<h1>Updated</h1>
|
|
|
|
[](https://jitpack.io/#codewith-fun/Country-Code-picker)
|
|
|
|
|
|
If you are looking for Country Phone Code Picker for Jetpack Compose you can use the package.
|
|
|
|
* Country numbers hints
|
|
* Phone number visualTransformation (Automatic number formatting)
|
|
* Automatic country recognition (detection by sim card if sim card is inserted)
|
|
* With TextField
|
|
* Can Customize
|
|
* Added language translations
|
|
* Added clear text button
|
|
* Dialog changed
|
|
|
|
Languages:
|
|
|
|
* Turkish
|
|
* English
|
|
* Italian
|
|
* Arabic
|
|
* Russian
|
|
* Dutch
|
|
|
|
|
|
|
|
|
|
<h3> USAGE </h3>
|
|
|
|
```kotlin
|
|
@Composable
|
|
CountryTextField(
|
|
label = stringResource(R.string.select_country_text),
|
|
modifier = Modifier
|
|
.padding(top = 50.dp)
|
|
.align(Alignment.TopCenter),
|
|
expanded = expanded,
|
|
selectedCountry = selectedCountry,
|
|
defaultSelectedCountry = countryList(LocalContext.current).single { it.code == "IN" }
|
|
) {
|
|
|
|
}
|
|
|
|
```
|
|
|
|
<h3> EXAMPLE </h3>
|
|
|
|
|
|
```kotlin
|
|
Box {
|
|
var expanded by remember { mutableStateOf(false) }
|
|
var selectedCountry by remember { mutableStateOf<Country?>(null) }
|
|
val focusManager = LocalFocusManager.current
|
|
|
|
CountryPickerBottomSheet(title = {
|
|
Text(
|
|
modifier = Modifier
|
|
.fillMaxWidth()
|
|
.padding(16.dp),
|
|
text = "Select Country", textAlign = TextAlign.Center,
|
|
fontWeight = FontWeight.Bold,
|
|
fontSize = 20.sp
|
|
)
|
|
}, expanded, onDismissRequest = {
|
|
expanded = false
|
|
}, onItemSelected = {
|
|
selectedCountry = it
|
|
expanded = false
|
|
focusManager.clearFocus()
|
|
}) {
|
|
CountryTextField(
|
|
label = "Select country",
|
|
modifier = Modifier
|
|
.padding(top = 50.dp)
|
|
.align(Alignment.TopCenter),
|
|
expanded,
|
|
defaultSelectedCountry = countryList(LocalContext.current).single { it.code == "IN" },
|
|
selectedCountry
|
|
) {
|
|
expanded = !expanded
|
|
}
|
|
|
|
}
|
|
|
|
}
|
|
|
|
```
|
|
|
|
<h3> Functions </h3>
|
|
|
|
<b>getFullPhoneNumber()</b> => Phone number with country code => return type <b>String</b> </br>
|
|
<b>getOnlyPhoneNumber()</b> => Phone number only => return type <b>String</b> </br>
|
|
<b>isPhoneNumber()</b> => Checks if the phone number is correct based on the country code => return type <b>Boolean</b>/</br>
|
|
|
|
## How to add in your project
|
|
<h5>To get a Git project into your build:</h5>
|
|
<h6>Step 1. Add the JitPack repository to your build file</h6>
|
|
|
|
## Gradle
|
|
<p>Add it in your root build.gradle at the end of repositories:</p>
|
|
|
|
```
|
|
allprojects {
|
|
repositories {
|
|
...
|
|
maven { url 'https://jitpack.io' }
|
|
}
|
|
}
|
|
|
|
```
|
|
## Step 2.
|
|
<p>Add the dependency</p>
|
|
|
|
```
|
|
dependencies {
|
|
implementation 'com.github.codewith-fun:Country-Code-picker:0.1.1'
|
|
}
|
|
|
|
```
|
|
|
|
|
|
## Maven
|
|
<p>Add it in your root build.gradle at the end of repositories:</p>
|
|
|
|
```
|
|
<repositories>
|
|
<repository>
|
|
<id>jitpack.io</id>
|
|
<url>https://jitpack.io</url>
|
|
</repository>
|
|
</repositories>
|
|
```
|
|
## Step 2.
|
|
<p>Add the dependency</p>
|
|
|
|
```
|
|
<dependency>
|
|
<groupId>com.github.codewith-fun</groupId>
|
|
<artifactId>Country-Code-picker</artifactId>
|
|
<version>0.1.1</version>
|
|
</dependency>
|
|
```
|
|
|
|
|
|
## sbt
|
|
<p>Add it in your root build.gradle at the end of repositories:</p>
|
|
|
|
```
|
|
resolvers += "jitpack" at "https://jitpack.io"
|
|
```
|
|
## Step 2.
|
|
<p>Add the dependency</p>
|
|
|
|
```
|
|
libraryDependencies += "com.github.codewith-fun" % "Country-Code-picker" % "0.1.1"
|
|
```
|
|
|
|
|
|
## leiningen
|
|
<p>Add it in your root build.gradle at the end of repositories:</p>
|
|
|
|
```
|
|
:repositories [["jitpack" "https://jitpack.io"]]
|
|
```
|
|
## Step 2.
|
|
<p>Add the dependency</p>
|
|
|
|
```
|
|
:dependencies [[com.github.codewith-fun/Country-Code-picker "0.1.1"]]
|
|
|
|
```
|
|
|
|
|
|
## License
|
|
|
|
[Apache Version 2.0](http://www.apache.org/licenses/LICENSE-2.0.html)
|
|
|
|
Copyright (C) 2022 Codewith-fun
|
|
|
|
Licensed under the Apache License, Version 2.0 (the "License");
|
|
you may not use this file except in compliance with the License.
|
|
You may obtain a copy of the License at
|
|
|
|
http://www.apache.org/licenses/LICENSE-2.0
|
|
|
|
Unless required by applicable law or agreed to in writing, software
|
|
distributed under the License is distributed on an "AS IS" BASIS,
|
|
WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
|
|
See the License for the specific language governing permissions and
|
|
limitations under the License.
|
|
|