TextInput

keyboardType 種類

1. default
2. numeric
3. email-address
4. phone-pad
5. ascii-capable
6. numbers-and-punctuation
7. url
8. number-pad
9. name-phone-pad
10. decimal-pad
11. twitter
12. web-search

maxLength

字串長度 ， 數字

例:

<TextInput onChangeText={ (nums) => this.setState(nums) } keyboardType="numeric" />

underlineColorAndroid 框線底線顏色anroid

輸入框底線顏色, 可以設定成 透明 transparent

<TextInput underlineColorAndroid='transparent' />

placeholderTextColor 提示字顏色

提示字的顏色

passowrd 密碼欄位

<Textinput secureTextEntry={true} />

multiline 是否多欄 與 numberOfLines 可幾列

numberOflLines需要在 multiline為true時方可以使用

<TextInput
         multiline = {true}
         numberOfLines = {4}
         onChangeText={(text) => this.setState({text})}
         value={this.state.text}
       />

onSubmitEditing 輸入完畢

<TextInput 
 onSubmitEditing={(event) => this.updateText(
            'onSubmitEditing text: ' + event.nativeEvent.text
          )}
          />

onEndEditing 輸入結束離開輸入框

<TextInput
 onEndEditing={(event) => this.updateText(
            'onEndEditing text: ' + event.nativeEvent.text
          )}
          /

輸入完畢，下一個輸入框，做法

<TextInput 
    .... 
    returnKeyType="next"
    onSubmitEditing={ () => this.passwordInput.focus() } 
    />

<Textinput 
    .... 
    returnKeyType="go"
    ref={ (input) => this.passwordInput = input }
    />