[change] TextInput support for autoCorrect and autoComplete

This commit is contained in:
Nicolas Gallagher
2016-10-28 10:51:05 -07:00
parent fc60f8d332
commit 44e60d12e3
2 changed files with 15 additions and 5 deletions

View File

@@ -29,13 +29,18 @@ Automatically capitalize certain characters (only available in Chrome and iOS Sa
* `sentences`: Automatically capitalize the first letter of sentences.
* `words`: Automatically capitalize the first letter of words.
(web) **autoComplete**: bool = false
(web) **autoComplete**: string
Indicates whether the value of the control can be automatically completed by the browser.
Indicates whether the value of the control can be automatically completed by
the browser. [Accepted values](https://developer.mozilla.org/en-US/docs/Web/HTML/Element/input).
**autoCorrect**: bool = true
Automatically correct spelling mistakes (only available in iOS Safari).
**autoFocus**: bool = false
If true, focuses the input on `componentDidMount`. Only the first form element
If `true`, focuses the input on `componentDidMount`. Only the first form element
in a document with `autofocus` is focused.
**clearTextOnFocus**: bool = false

View File

@@ -20,7 +20,8 @@ class TextInput extends Component {
static propTypes = {
...View.propTypes,
autoCapitalize: PropTypes.oneOf([ 'characters', 'none', 'sentences', 'words' ]),
autoComplete: PropTypes.bool,
autoComplete: PropTypes.string,
autoCorrect: PropTypes.bool,
autoFocus: PropTypes.bool,
clearTextOnFocus: PropTypes.bool,
defaultValue: PropTypes.string,
@@ -49,6 +50,8 @@ class TextInput extends Component {
static defaultProps = {
autoCapitalize: 'sentences',
autoComplete: 'on',
autoCorrect: true,
editable: true,
keyboardType: 'default',
multiline: false,
@@ -87,6 +90,7 @@ class TextInput extends Component {
accessibilityLabel, // eslint-disable-line
autoCapitalize,
autoComplete,
autoCorrect,
autoFocus,
defaultValue,
editable,
@@ -142,7 +146,8 @@ class TextInput extends Component {
const propsCommon = {
autoCapitalize,
autoComplete: autoComplete && 'on',
autoComplete,
autoCorrect: autoCorrect ? 'on' : 'off',
autoFocus,
defaultValue,
maxLength,