Tcomb-form-native: Number keypad should show for numeric fields..

Created on 28 May 2016  路  8Comments  路  Source: gcanti/tcomb-form-native

Version

  • tcomb-form-native v0.5.1
  • react-native v0.24.1

    Expected behaviour

When clicking/tapping on numeric fields (eg. Age), the number keypad should show up.

Actual behaviour

It shows up the alphabet keypad. Screen below,

screen shot 2016-05-29 at 12 59 43 am

Enhancement

All 8 comments

You can set the keyboardType option (https://facebook.github.io/react-native/docs/textinput.html#keyboardtype).

Do you mean that tcomb-form-native should apply keyboardType: numeric as a default if detects that there's no keyboardType option defined by the developer and the type is numeric?

keyboardType should disappear

@appbeijing the keyboardType option can't simply "disappear", as a developer you may want to set one of following legal values:

'default', 'email-address', 'numeric', 'phone-pad', 'ascii-capable', 'numbers-and-punctuation', 'url', 'number-pad', 'name-phone-pad', 'decimal-pad', 'twitter', 'web-search'

keyboardType shouldn't disappear. We could set the numeric value as default if it represents a t.Number value. I'll add this into my list.

How can you implement the 'done' or 'return' button in the numeric keypad to enable the users to close the keypad?

How can you implement the 'done' or 'return' button in the numeric keypad to enable the users to close the keypad?

returnKeyType = 'done'

How can you implement the 'done' or 'return' button in the numeric keypad to enable the users to close the keypad?

returnKeyType = 'done'

Thank you it saved my day

how to set keyboard in react native to show only numbers, no extra punctuation marks or special characters should be there like . , etc.
i tried keyboardType={"numeric"}

upload on net

i need to have only numbers in above image it contains punctuation also how to remove that

Was this page helpful?
0 / 5 - 0 ratings

Related issues

albertogugliotta picture albertogugliotta  路  3Comments

newbreedofgeek picture newbreedofgeek  路  6Comments

ilyadoroshin picture ilyadoroshin  路  4Comments

muthuraman007 picture muthuraman007  路  4Comments

casoetan picture casoetan  路  5Comments