トップ > React Native > ReactNativeのTextInputに指定できるkeyboardTypeの一覧

ReactNativeのTextInputに指定できるkeyboardTypeの一覧

React Native

毎回「テンキーレイアウトって何がどう違うんだっけ・・・？」ってなって実機で確認してる記憶喪失だから画像と一緒にまとめとく

検証環境

デバイス OS version キーボード
iPhone 14 iOS 16.2 標準キーボード
TORQUE 5G Android 12 Gboard

keyboardType一覧

keyboardType iOS Android
default iOS default Android default
email-address iOS email-address Android email-address
numeric iOS numeric Android numeric
phone-pad iOS phone-pad Android phone-pad
number-pad iOS number-pad Android number-pad
decimal-pad iOS decimal-pad Android decimal-pad
ascii-capable iOS ascii-capable
numbers-and-punctuation iOS numbers-and-punctuation
url iOS url
name-phone-pad iOS name-phone-pad
twitter iOS twitter
web-search iOS web-search
visible-password Android visible-password

twitterとか限定的すぎだろ・・・
email-address,numeric, phone-pad, number-padあたりさえ抑えときゃいい気がする
iOSもAndroidもnumericとdecimal-padのレイアウトは同じっぽい

playground

参考

reactnative.dev

株式会社エイルシステムではWebエンジニア・モバイルアプリエンジニアを募集しています。
実務経験がなくてもOKです。ご興味のある方は弊社HPよりご連絡ください。