React-Native không thể viết chữ cái đầu tiên với noncapital


92

Tôi gặp một số rắc rối với phản ứng gốc. Tôi có một thành phần Đầu vào (như trường văn bản) để người dùng nhập địa chỉ email của mình, nhưng có một điều là, chữ cái đầu tiên luôn đi kèm theo mặc định là chữ hoa và không thể làm cho nó không viết hoa. Làm thế nào tôi có thể thay đổi nó như chữ cái đầu tiên cũng có thể nhỏ?nhập mô tả hình ảnh ở đây


4
Tôi đã giải quyết nó bằng "autoCapitalize" :) Cảm ơn bạn, tất cả! Chúc các bạn một ngày tốt lành!
Ali Zeynalov

Câu trả lời:


211

TextInput có điều này để xử lý bằng cách sử dụng

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

ví dụ thử như thế này

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

1
cảm ơn. nó đã giúp rất nhiều.
Biplov Kumar

5

Nếu bạn gặp vấn đề với TextInputviệc đặt tất cả các chữ cái là chữ hoa thì bạn có thể sử dụng autoCapitalize = 'characters'và nếu bạn chỉ muốn các ký tự đầu tiên là chữ hoa thì hãy sử dụng autoCapitalize = 'words'. Tuy nhiên, hãy đảm bảo rằng bạn không đặt thuộc tính loại bàn phím .


2

Đảm bảo rằng tài sản autoCorrectfalse. Bằng cách này, nó sẽ không viết hoa ký tự email đầu tiên. Ngoài ra thiết lập keyboardTypeđể email-addresschương trình bàn phím với một @ tùy chọn truy cập. Đó là cách tôi sẽ làm:

          <TextInput
            textContentType='emailAddress'
            keyboardType='email-address'
            autoCapitalize='none'
            autoCorrect={false}
            autoCompleteType='email'
          />
Khi sử dụng trang web của chúng tôi, bạn xác nhận rằng bạn đã đọc và hiểu Chính sách cookieChính sách bảo mật của chúng tôi.
Licensed under cc by-sa 3.0 with attribution required.