React-Native无法用非大写字母写第一个字母


91

我对本机有一些麻烦。我有一个Input组件(如textfield)供用户输入他的电子邮件地址,但问题是,第一个字母始终是默认的大写字母,并且不可能使其变为非大写字母。我该如何更改它,就像首字母也可以很小一样?在此处输入图片说明


4
我已经用“ autoCapitalize”解决了它:)谢谢大家!祝大家有美好的一天!
阿里·泽纳洛夫'16

Answers:


209

TextInput可以使用

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

例如尝试这样

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

1
谢谢。它帮了很多忙。
Biplov Kumar

5

如果您对TextInput所有字母都大写有疑问,可以使用autoCapitalize = 'characters';如果只希望首字母大写,请使用autoCapitalize = 'words'。但是,请确保您未设置键盘类型属性。


2

确保该属性autoCorrectfalse。这样,它将不会大写第一个电子邮件字符。同时将设置为keyboardTypeemail-address显示带有@选项可访问的键盘。那就是我要做的:

          <TextInput
            textContentType='emailAddress'
            keyboardType='email-address'
            autoCapitalize='none'
            autoCorrect={false}
            autoCompleteType='email'
          />
By using our site, you acknowledge that you have read and understand our Cookie Policy and Privacy Policy.
Licensed under cc by-sa 3.0 with attribution required.