Appcelerator Text Field concept Material Design!
This is a widget based on the concept design material, supporting multiple platforms, in addition to the android .
$ gittio install input-materialdesign@version
| Functions | Description |
|---|---|
getValue |
Returns the value of input |
setValue |
Assigns value to input |
setEditable |
The input block |
ANIMATION_UP |
Animation rise |
ANIMATION_DOWN |
Animation descent |
listener(event, callback) |
Assigns event for input , listening to a callback |
Through the mask attribute is possible to pass a regular expression to filter the field as the same .
Example:
<Widget src="input-materialdesign" mask="/^[0-9]+$/"/>| Attributes | type | Description |
|---|---|---|
animationDuration |
Number | Duration animation |
width |
String, Number | Sets the width |
colorFocus |
String | Sets the color when the focused field |
colorPattern |
String | Sets the standard color when the field started |
colorFont |
String | Sets the font color |
titleHint |
String | Sets title |
top |
String, Number | Defines the top |
bottom |
String, Number | Defines the bottom |
left |
String, Number | Defines the left |
right |
String, Number | Defines the right |
keyboardType |
String | Defines the keyboardType |
returnKey |
String | Defines the returnKey from keyboard |
password |
String | Defines if TextField should have passwordMask |
editable |
Boolean | Defines whether the input starts blocked |
maxLength |
Number | Defines the maximum number of characters |
minLength |
Number | Defines the minimum number of characters |
exceedingColor |
String | Set the color when it exceeds the reported number of characters |
toUpperCase |
Boolean | Sets the field to get me high box |
mask |
String | Defines whether some shade to the field, as there is no default , but can be defined as numeric, accepting only numbers, or you can spend a regular expression whatsoever. |
required |
String | Defines whether the field is required , passing a message as parameter |
React
Typescript
Django
Laravel
Facebook
Microsoft
Google
Alibaba
D3
Tencent