“autoCapitalize”不是有效的样式属性 - ReactNative中的错误

时间:2018-01-06 07:04:39

标签: javascript css react-native

我在尝试autoCapitalize时收到错误。如果我删除它,组件呈现,但默认情况下自动大写在ios中(虽然不是android)。我想添加属性以确保一致性。

这是错误(我删除了完整的属性列表以便压缩)

"autoCapitalize" is not a valid style property  StyleSheet loginActionText: {
     "color": "#000",
      "fontSize": 20,
      "autoCapitalize": "none"
    }
    Valid style props: [
      "alignContent",
      "alignItems", 
      . 
      . 
      .
      "width",
      "writingDirection",
      "zIndex"
    ]

我的代码非常简单。我已经定义了一个样式类

 loginActionText: {
    color: '#000',
    fontSize: 20,
    autocapitalize: 'none'
  },

然后我将它应用于文本输入

<TextInput style={styles.loginActionText}
  label='Email Address'
  placeholder='abc@abc.com'
  value={this.state.email}
  onChangeText={email => this.setState({ email })}
/>

1 个答案:

答案 0 :(得分:4)

应该以这种方式使用

autoCapitalize

<TextInput
    ...
    autoCapitalize='none'
    ...
/>

而不是样式对象的属性