mirror of
https://github.com/zhigang1992/react-native-web.git
synced 2026-01-12 22:51:09 +08:00
[change] TextInput support for autoCorrect and autoComplete
This commit is contained in:
@@ -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
|
||||
|
||||
@@ -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,
|
||||
|
||||
Reference in New Issue
Block a user