【问题标题】:"autoCapitalize" is not a valid style property - error in ReactNative“autoCapitalize”不是有效的样式属性 - ReactNative 中的错误
【发布时间】:2018-01-06 07:04:38
【问题描述】:

我在尝试自动大写时收到错误消息。如果我删除它,组件会呈现,但在 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 })}
/>

【问题讨论】:

    标签: javascript css react-native


    【解决方案1】:

    autoCapitalize 应该这样使用:

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

    而不是作为样式对象的属性

    【讨论】:

    • 现在看起来很明显!谢谢!
    猜你喜欢
    • 2016-04-30
    • 2017-03-15
    • 2019-08-26
    • 2019-01-12
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    • 2017-01-09
    • 1970-01-01
    相关资源
    最近更新 更多