[React Native] TextInput의 secureTextEntry 속성 적용 시 문제

회원가입 화면을 만들 때,

비밀번호와 비밀번호 확인으로 2번 입력을 받는다

이때 발생하는 문제!

 

개발환경은

react-native: 0.65.1

iOS: 15.2

...

<TextInput
  placeholder="비밀번호"
  ...
  secureTextEntry
/>

<TextInput
  placeholder="비밀번호 확인"
  ...
  secureTextEntry
/>

...

이렇게 연속으로 TextInput을 놓았을 때 발생한다

 

원인 불명하여 구글신에게 물어보니,

TextInput의 속성으로 textContentType="oneTimeCode"로 해보라고 한다

역시는 역시 되긴 된다.

 

다만, textContentType="oneTimeCode"가 뭔진 알고 써야해서 또 찾아보니

iOS 12+에서 SMS로 도착하는 코드를 필드에 자동으로 채워주려 할 때 사용한다고 한다

 

react-native 0.68 거의 최신 버전과 iOS 15.4에서도 아직 지속되고 있다는 댓글도 있다보니 문제이긴 한듯...

빨리 고쳐줬으면 좋겠다

 

 

찝찝하게 끝.