A Dart widget for entering international telephone numbers with dropdown searching input countries

Overview

Dart Tel Input

A Dart widget for entering international telephone numbers with dropdown searching input countries

Getting Started

Add the following line in your pubspec file

tel_input:

Get the package by running the command

flutter packages get

Include the widget in your dart file

import 'package:tel_input/tel_input.dart';

Example Usage:

TelInput(
  dialCode: '+852',
  includeDialCode: true,
  onChange: (String phoneNumber) => print('phoneNumber: $phoneNumber'),
)

Features

Provision of an example format given the selected dial code

tel-input

List of selection of countries with corresponding dial codes

tel-input-dial-code-list

Filtering items

tel-input-searching

Parameters

Parameter Type Description Example Required? Default
dialCode String Dial Code. See the list below. '+93' N '+852'
includeDialCode bool if it is set to true, dial code and phone number will be returned in onChange method true N false
onChange Function Function to get the value back (String phoneNumber) => print('phoneNumber: $phoneNumber') N N/A

Supported Countries

Country ISO Dial Code
Afghanistan (‫افغانستان‬‎) af +93
Albania (Shqipëri) al +355
Algeria (‫الجزائر‬‎) dz +213
American Samoa as +1684
Andorra ad +376
Angola ao +244
Anguilla ai +1264
Antigua and Barbuda ag +1268
Argentina ar +54
Armenia (Հայաստան) am +374
Aruba aw +297
Australia au +61
Austria (Österreich) at +43
Azerbaijan (Azərbaycan) az +994
Bahamas bs +1242
Bahrain (‫البحرين‬‎) bh +973
Bangladesh (বাংলাদেশ) bd +880
Barbados bb +1246
Belarus (Беларусь) by +375
Belgium (België) be +32
Belize bz +501
Benin (Bénin) bj +229
Bermuda bm +1441
Bhutan (འབྲུག) bt +975
Bolivia bo +591
Bosnia and Herzegovina (Босна и Херцеговина) ba +387
Botswana bw +267
Brazil (Brasil) br +55
British Indian Ocean Territory io +246
British Virgin Islands vg +1284
Brunei bn +673
Bulgaria (България) bg +359
Burkina Faso bf +226
Burundi (Uburundi) bi +257
Cambodia (កម្ពុជា) kh +855
Cameroon (Cameroun) cm +237
Canada ca +1
Cape Verde (Kabu Verdi) cv +238
Caribbean Netherlands bq +599
Cayman Islands ky +1345
Central African Republic (République centrafricaine) cf +236
Chad (Tchad) td +235
Chile cl +56
China (中国) cn +86
Christmas Island cx +61
Cocos (Keeling) Islands cc +61
Colombia co +57
Comoros (‫جزر القمر‬‎) km +269
Congo (DRC) (Jamhuri ya Kidemokrasia ya Kongo) cd +243
Congo (Republic) (Congo-Brazzaville) cg +242
Cook Islands ck +682
Costa Rica cr +506
Côte d’Ivoire ci +225
Croatia (Hrvatska) hr +385
Cuba cu +53
Curaçao cw +599
Cyprus (Κύπρος) cy +357
Czech Republic (Česká republika) cz +420
Denmark (Danmark) dk +45
Djibouti dj +253
Dominica dm +1767
Dominican Republic (República Dominicana) do +1
Ecuador ec +593
Egypt (‫مصر‬‎) eg +20
El Salvador sv +503
Equatorial Guinea (Guinea Ecuatorial) gq +240
Eritrea er +291
Estonia (Eesti) ee +372
Ethiopia et +251
Falkland Islands (Islas Malvinas) fk +500
Faroe Islands (Føroyar) fo +298
Fiji fj +679
Finland (Suomi) fi +358
France fr +33
French Guiana (Guyane française) gf +594
French Polynesia (Polynésie française) pf +689
Gabon ga +241
Gambia gm +220
Georgia (საქართველო) ge +995
Germany (Deutschland) de +49
Ghana (Gaana) gh +233
Gibraltar gi +350
Greece (Ελλάδα) gr +30
Greenland (Kalaallit Nunaat) gl +299
Grenada gd +1473
Guadeloupe gp +590
Guam gu +1671
Guatemala gt +502
Guernsey gg +44
Guinea (Guinée) gn +224
Guinea-Bissau (Guiné Bissau) gw +245
Guyana gy +592
Haiti ht +509
Honduras hn +504
Hong Kong (香港) hk +852
Hungary (Magyarország) hu +36
Iceland (Ísland) is +354
India (भारत) in +91
Indonesia id +62
Iran (‫ایران‬‎) ir +98
Iraq (‫العراق‬‎) iq +964
Ireland ie +353
Isle of Man im +44
Israel (‫ישראל‬‎) il +972
Italy (Italia) it +39
Jamaica jm +1
Japan (日本) jp +81
Jersey je +44
Jordan (‫الأردن‬‎) jo +962
Kazakhstan (Казахстан) kz +7
Kenya ke +254
Kiribati ki +686
Kosovo xk +383
Kuwait (‫الكويت‬‎) kw +965
Kyrgyzstan (Кыргызстан) kg +996
Laos (ລາວ) la +856
Latvia (Latvija) lv +371
Lebanon (‫لبنان‬‎) lb +961
Lesotho ls +266
Liberia lr +231
Libya (‫ليبيا‬‎) ly +218
Liechtenstein li +423
Lithuania (Lietuva) lt +370
Luxembourg lu +352
Macau (澳門) mo +853
Macedonia (FYROM) (Македонија) mk +389
Madagascar (Madagasikara) mg +261
Malawi mw +265
Malaysia my +60
Maldives mv +960
Mali ml +223
Malta mt +356
Marshall Islands mh +692
Martinique mq +596
Mauritania (‫موريتانيا‬‎) mr +222
Mauritius (Moris) mu +230
Mayotte yt +262
Mexico (México) mx +52
Micronesia fm +691
Moldova (Republica Moldova) md +373
Monaco mc +377
Mongolia (Монгол) mn +976
Montenegro (Crna Gora) me +382
Montserrat ms +1664
Morocco (‫المغرب‬‎) ma +212
Mozambique (Moçambique) mz +258
Myanmar (Burma) (မြန်မာ) mm +95
Namibia (Namibië) na +264
Nauru nr +674
Nepal (नेपाल) np +977
Netherlands (Nederland) nl +31
New Caledonia (Nouvelle-Calédonie) nc +687
New Zealand nz +64
Nicaragua ni +505
Niger (Nijar) ne +227
Nigeria ng +234
Niue nu +683
Norfolk Island nf +672
North Korea (조선 민주주의 인민 공화국) kp +850
Northern Mariana Islands mp +1670
Norway (Norge) no +47
Oman (‫عُمان‬‎) om +968
Pakistan (‫پاکستان‬‎) pk +92
Palau pw +680
Palestine (‫فلسطين‬‎) ps +970
Panama (Panamá) pa +507
Papua New Guinea pg +675
Paraguay py +595
Peru (Perú) pe +51
Philippines ph +63
Poland (Polska) pl +48
Portugal pt +351
Puerto Rico pr +1
Qatar (‫قطر‬‎) qa +974
Réunion (La Réunion) re +262
Romania (România) ro +40
Russia (Россия) ru +7
Rwanda rw +250
Saint Barthélemy bl +590
Saint Helena sh +290
Saint Kitts and Nevis kn +1869
Saint Lucia lc +1758
Saint Martin (Saint-Martin (partie française)) mf +590
Saint Pierre and Miquelon (Saint-Pierre-et-Miquelon) pm +508
Saint Vincent and the Grenadines vc +1784
Samoa ws +685
San Marino sm +378
São Tomé and Príncipe (São Tomé e Príncipe) st +239
Saudi Arabia (‫المملكة العربية السعودية‬‎) sa +966
Senegal (Sénégal) sn +221
Serbia (Србија) rs +381
Seychelles sc +248
Sierra Leone sl +232
Singapore sg +65
Sint Maarten sx +1721
Slovakia (Slovensko) sk +421
Slovenia (Slovenija) si +386
Solomon Islands sb +677
Somalia (Soomaaliya) so +252
South Africa za +27
South Korea (대한민국) kr +82
South Sudan (‫جنوب السودان‬‎) ss +211
Spain (España) es +34
Sri Lanka (ශ්‍රී ලංකාව) lk +94
Sudan (‫السودان‬‎) sd +249
Suriname sr +597
Svalbard and Jan Mayen sj +47
Swaziland sz +268
Sweden (Sverige) se +46
Switzerland (Schweiz) ch +41
Syria (‫سوريا‬‎) sy +963
Taiwan (台灣) tw +886
Tajikistan tj +992
Tanzania tz +255
Thailand (ไทย) th +66
Timor-Leste tl +670
Togo tg +228
Tokelau tk +690
Tonga to +676
Trinidad and Tobago tt +1868
Tunisia (‫تونس‬‎) tn +216
Turkey (Türkiye) tr +90
Turkmenistan tm +993
Turks and Caicos Islands tc +1649
Tuvalu tv +688
U.S. Virgin Islands vi +1340
Uganda ug +256
Ukraine (Україна) ua +380
United Arab Emirates (‫الإمارات العربية المتحدة‬‎) ae +971
United Kingdom gb +44
United States us +1
Uruguay uy +598
Uzbekistan (Oʻzbekiston) uz +998
Vanuatu vu +678
Vatican City (Città del Vaticano) va +39
Venezuela ve +58
Vietnam (Việt Nam) vn +84
Wallis and Futuna (Wallis-et-Futuna) wf +681
Western Sahara (‫الصحراء الغربية‬‎) eh +212
Yemen (‫اليمن‬‎) ye +967
Zambia zm +260
Zimbabwe zw +263
Åland Islands ax +358
You might also like...

A Flutter select form field widget. It shows a list of options in a dropdown menu.

A Flutter select form field widget. It shows a list of options in a dropdown menu.

select_form_field A Flutter select field widget. It shows a list of options in a dropdown menu. This widget extend TextField and has a similar behavio

Sep 14, 2022

CurrencyConverter - Flutter based application that uses web-scrapping to show currency of selected countries.

CurrencyConverter - Flutter based application that uses web-scrapping to show currency of selected countries.

CurrencyConverter - Flutter based application that uses web-scrapping to show currency of selected countries.

Jul 7, 2022

This is a dart package that converts words to numbers. It can be used in Flutter and normal Dart programs

Wordstonumbers.dart Wordstonumbers.dart is a simple dart package that converts a string of simple worded numbers into digits (e.g one hundred - 100).

Oct 17, 2022

A dart implementation of fixed precision numbers.

The Fixed package allows you to store and perform maths on numbers with a fixed scale (fixed no. of decimal places). All amounts are store as integers

Jun 4, 2022

A simple dart package to convert large numbers to a human readable format. 1278 to 1.2K instead, for example.

A simple dart package to convert large numbers to a human readable format. 1278 to 1.2K instead, for example. Features Represents large numbers in ter

Oct 8, 2022

A Mobile application developed with Flutter and Dart to do math operations with binary numbers.

A Mobile application developed with Flutter and Dart to do math operations with binary numbers.

Math operations with Binary Numbers Readme PT About this Project Mobile application developed with Flutter and Dart to do math operations as sum, subt

Nov 3, 2020

A Dart package that converts big numbers to what's pleasant to see

Convert big numbers to what's pleasant to see (an adorable, little girl, perhaps?)

Apr 16, 2022

MoneyTextFormField is one of the flutter widget packages that can be used to input values in the form of currencies, by displaying the output format in realtime.

MoneyTextFormField is one of the flutter widget packages that can be used to input values in the form of currencies, by displaying the output format in realtime.

MoneyTextFormField MoneyTextFormField is one of the flutter widget packages that can be used to input values in the form of currencies, by displaying

Jan 1, 2023

A Flutter package with an advanced dropdown Button which let you give different design on DropdownButton

Use decorated_dropdown button to add DropdownButton with decoration properties l

Dec 17, 2021
Comments
  • example fails

    example fails

    Launching lib/main.dart on iPhone XS Max in debug mode...
    Xcode build done.                                            4,4s
    flutter: ══╡ EXCEPTION CAUGHT BY RENDERING LIBRARY ╞═════════════════════════════════════════════════════════
    flutter: The following assertion was thrown during performLayout():
    flutter: RenderViewport does not support returning intrinsic dimensions.
    flutter: Calculating the intrinsic dimensions would require instantiating every child of the viewport, which
    flutter: defeats the point of viewports being lazy.
    flutter: If you are merely trying to shrink-wrap the viewport in the main axis direction, consider a
    flutter: RenderShrinkWrappingViewport render object (ShrinkWrappingViewport widget), which achieves that
    flutter: effect without implementing the intrinsic dimension API.
    
    Doctor summary (to see all details, run flutter doctor -v):
    [✓] Flutter (Channel master, v1.2.1-pre.50, on Mac OS X 10.14.1 18B75, locale fr-FR)
    [✓] Android toolchain - develop for Android devices (Android SDK version 28.0.3)
    [✓] iOS toolchain - develop for iOS devices (Xcode 10.0)
    [✓] Android Studio (version 3.2)
    [✓] IntelliJ IDEA Ultimate Edition (version 2018.2.5)
    [✓] VS Code (version 1.30.2)
    [✓] Connected device (1 available)
    
    • No issues found!
    
    Dart VM version: 2.1.0 (Tue Nov 13 18:22:02 2018 +0100) on "macos_x64"
    
    opened by ghost 3
Owner
աɨռɢӄաօռɢ
Cloud Consultant. Amateur Competitive Programmer. @nocodb Maintainer.
աɨռɢӄաօռɢ
A widget for entering gesture passwords for flutter.

GesturePasswordWidget English | 简体中文 A gesture-unlocking widget for Flutter that supports a high degree of customization. Use dependencies: gesture_

老黑牛 23 Dec 2, 2022
Verify code input. You can create a verify code input.

flutter_verification_code_input A Flutter package that help you create a verification input. Installing flutter_verification_code_input: git:

Tiny Express 49 Dec 7, 2022
Verify code input. You can create a verify code input.

flutter_verification_code_input A Flutter package that help you create a verification input. Installing flutter_verification_code_input: git:

Tiny Express 49 Dec 7, 2022
Flutter Plugin - Simple character blocked input that usually used for redeem/validation input.

Block Input Simple character blocked input that usually used for redeem code or validation code input. Gallery Example Full example import 'package:bl

Enkh-Amar 7 Nov 2, 2022
Live News App Using Rest API with Searching Functionality

News App Flutter A Simple News App built with Flutter. In this app, there is a Home page, which will display top news from newsapi.org. News categorie

Jay Gajjar 146 Dec 30, 2022
Searchhelperexample - SearchHelper - code wrapper for searching functionality

Overview SearchHelper is code wrapper for searching functionality developed by D

Osama Qureshi 3 Dec 19, 2022
Custom dropdown widget allows to add highly customizable widget in your projects with proper open and close animations and also comes with form required validation.

Custom Dropdown Custom Dropdown package lets you add customizable animated dropdown widget. Features Lots of properties to use and customize dropdown

Abdullah Chauhan 22 Dec 29, 2022
A simple and customizable flutter package for inputting phone number in intl / international format uses Google's libphonenumber

Intl Phone Number Input A simple and customizable flutter package for inputting phone number in intl / international format uses Google's libphonenumb

Ogunye Nathaniel Oluwatobiloba 138 Dec 11, 2022
null 1 Jan 29, 2022
Dropdown List Choices Widget For Flutter

Dropdown List Choices Highly versatile Widget to search through a single or mult

MindInventory 48 Dec 30, 2022