Michael Lefkowitz

A visual guide to the React Native TextInput keyboardType prop values

Updated on August 22, 2019

Update #1:
This guide has been updated for React Native 0.59 on iOS 12 and Android 8.1 (Nexus 6P)

I recently did a search for images of the available values of the keyboardType prop on the TextInput component for React Native and was unable to find anything easily. So, here is a collection of all the available keyboard types currently on React Native v0.55 on iOS 11 and Android 8.

keyboardType iOS Android
default 01default a01default
number-pad 02number pad a02number pad
decimal-pad 03decimal pad a03decimal pad
numeric 04numeric a04numeric
email-address 05email address a05email address
phone-pad 06phone pad a06phone pad
ascii-capable 07ascii capable
numbers-and-punctuation 08numbers and punctuation
url 09url
name-phone-pad 10name phone pad
initializes on ‘default’
twitter 11twitter
web-search 12web search
visible-password a13visible password
with secureTextEntry flag

Want to stay up-to-date with React Native? Check out React Native Now!