React-Nativeは大文字以外で最初の文字を書くことはできません


96

私はreact-nativeに問題があります。ユーザーが自分のメールアドレスを入力するための入力コンポーネント(テキストフィールドなど)がありますが、最初の文字は常に大文字のデフォルトとして表示され、大文字以外にすることはできません。最初の文字も小さくできるように変更するにはどうすればよいですか?ここに画像の説明を入力してください


4
私はすでに「autoCapitalize」でそれを解決しました:)ありがとう、すべて!良い一日を!
Ali Zeynalov 2016年

回答:


219

TextInputには、を使用して処理するためのこれがあります

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

たとえば、このようにしてみてください

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

6

プロパティautoCorrectfalse。であることを確認してください。このように、最初の電子メール文字を大文字にしません。また、keyboardTypeをに設定するemail-addressと、@オプションがアクセス可能なキーボードが表示されます。それが私がする方法です:

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

5

TextInputすべての文字を大文字にすることに問題がある場合はを使用できautoCapitalize = 'characters'、最初の文字のみを大文字にする場合はを使用しますautoCapitalize = 'words'。ただし、keyboardtypeプロパティを設定しないでください。

弊社のサイトを使用することにより、あなたは弊社のクッキーポリシーおよびプライバシーポリシーを読み、理解したものとみなされます。
Licensed under cc by-sa 3.0 with attribution required.