René's URL Explorer Experiment

{"@context":"https://schema.org","@type":"DiscussionForumPosting","headline":"Add support for more keyboard types","articleBody":"Hi folks,\r\n\r\n\u003e I'm not only submitting this issue as a feature request, but also as \"poor mans documentation\" offering a solution to others looking for a similar issue.\r\n\r\nI'm developing an app where I want the user to be able to enter a PIN code, so only numbers. I thought I'd use the `number` keyboard type on Android and `phone` on iOS. Android is fine, but I wanted to get rid of the characters in the lower left corner on iOS:\r\n\r\n![keyboardtype phone](https://cloud.githubusercontent.com/assets/1426370/21239630/0015b522-c308-11e6-9b2e-7dd047f98fbd.png)\r\n\r\nSince the {N} [KeyboardType enum](https://github.com/NativeScript/NativeScript/blob/master/tns-core-modules/ui/enums/enums.d.ts#L8-L38) doesn't contain the `numberPad` type I did this ({N}-Angular):\r\n\r\n```js\r\n@ViewChild(\"pincodeField\") pincodeField: ElementRef;\r\nthis.pincodeField.nativeElement.ios.keyboardType = Constants.IOS_KEYBOARD_TYPES.numberPad;\r\n```\r\n\r\nWhere `Constants.IOS_KEYBOARD_TYPES.numberPad` is just a custom property that resolves to [4](https://developer.apple.com/reference/uikit/uikeyboardtype/1624444-numberpad).\r\n\r\nThis gives me a nice and clean PIN entry keyboard 🎉\r\n\r\n![keyboardtype numberpad](https://cloud.githubusercontent.com/assets/1426370/21239632/0018183a-c308-11e6-978b-339aeffb02c0.png)\r\n\r\n\r\nNote that there's also a sweet `decimalPad`, constant value is [8](https://developer.apple.com/reference/uikit/uikeyboardtype/1624452-decimalpad) which renders this keyboard which I'm using for entering fractions (like payments):\r\n\r\n![keyboardtype decimalpad](https://cloud.githubusercontent.com/assets/1426370/21239631/0017e0d6-c308-11e6-8a3a-6553984d224b.png)\r\n\r\n\r\nWouldn't it be nice if I can use this to achieve the same thing?\r\n\r\n```html\r\n\u003cTextField #pincodeField keyboardType=\"numberPad\"\u003e\u003c/TextField\u003e\r\n\u003cTextField #amountField keyboardType=\"decimalPad\"\u003e\u003c/TextField\u003e\r\n```\r\n\r\nSurely these properties are  iOS-specific but differentiating between iOS and Android is quite easy in {N}'s views anyway. Or we can tie the `[keyboardType]=\"keyboardType\"` to a property of the component. We can also just use the closest Android keyboard so users don't even need to bother specifying that seperaterly.\r\n\r\nThanks for considering!\r\nEddy\r\n\r\n\u003cbountysource-plugin\u003e\r\n\r\n---\r\nWant to back this issue? **[Post a bounty on it!](https://www.bountysource.com/issues/40111181-add-support-for-more-keyboard-types?utm_campaign=plugin\u0026utm_content=tracker%2F12908224\u0026utm_medium=issues\u0026utm_source=github)** We accept bounties via [Bountysource](https://www.bountysource.com/?utm_campaign=plugin\u0026utm_content=tracker%2F12908224\u0026utm_medium=issues\u0026utm_source=github).\r\n\u003c/bountysource-plugin\u003e","author":{"url":"https://github.com/EddyVerbruggen","@type":"Person","name":"EddyVerbruggen"},"datePublished":"2016-12-15T20:04:18.000Z","interactionStatistic":{"@type":"InteractionCounter","interactionType":"https://schema.org/CommentAction","userInteractionCount":7},"url":"https://github.com/3303/NativeScript/issues/3303"}