React-Native 无法使用非大写字母书写首字母

Question

我在使用 React-Native 时遇到了一些麻烦。我有一个输入组件（如文本字段）供用户输入他的电子邮件地址，但问题是，第一个字母始终默认为大写字母，不可能使其成为非大写字母。我怎样才能改变它，比如第一个字母也可以很小？

Answer 1

TextInput 有

autoCapitalize

来处理这个问题。

`autoCapitalize enum('none', 'sentences', 'words', 'characters')`

例如尝试这样：

<TextInput
   placeholder=""
   placeholderTextColor='rgba(28,53,63, 1)'
   autoCapitalize='none'
   value='test'
/>

Answer 2

确保属性

autoCorrect

为

false

。这样它就不会将第一个电子邮件字符大写。另外，将

keyboardType

设置为

email-address

会显示可访问 @ 选项的键盘。我就是这么做的：

          <TextInput
            textContentType='emailAddress'
            keyboardType='email-address'
            autoCapitalize='none'
            autoCorrect={false}
            autoCompleteType='email'
          />

Answer 3

如果您对

TextInput

使所有字母都大写有疑问，则可以使用

autoCapitalize = 'characters'

，如果您只想将第一个字符设为大写，则使用

autoCapitalize = 'words'

。但是，请确保您没有设置 keyboard 类型属性。

Answer 4

只要使用

autoCapitalize='none'

，就会很好用

Answer 5

设置

keyboardType="web-search"

对我有用。

<TextInput keyboardType="web-search" />