TextInput secureTextEntry 문제

React Native with Expo: 제로초에게 제대로 배우기

작성

"expo": "54.0.13",
"react-native": "0.81.4",
"react": "19.1.0",
"react-dom": "19.1.0",

const Input = ({
  ...
  secureTextEntry,
}: InputProps) => {
  return (
    <>
      <View className="relative">
        <TextInput
          ...
          secureTextEntry={secureTextEntry}
        />
        {passwordShowButton && passwordShowButton}
      </View>
      ...
    </>
  );
};

export default Input;

안녕하세요 제로초님. 현재 앱 배포를 위해 구글 플레이 콘솔에 앱을 제출하고 공개 테스트를 통해 실제 기기에서 테스트해보는 중입니다.

안드로이드 휴대폰을 쓰는 직원분께서 버그를 제보하셨는데, 로그인 form 비밀번호 input에서 비밀번호 가림 상태일 때만(TextInput의 secureTextEntry 가 true 일 때) 점이 표시되지 않고 공백을 입력한 것처럼 아무것도 표시되지 않는 현상이 발생합니다. 비밀번호 표시 상태에서는 텍스트가 정상적으로 보입니다.

eas 빌드 제한때문에 로컬에서 직접 ./gradlew app:bundleRelease을 통해서 .aab 파일로 빌드해서 구글 플레이 콘솔에 제출했습니다.

테스트를 위해 pixel7 애뮬레이터 환경에서 ./gradlew assembleRelease 빌드로 .apk 파일을 생성하고 테스트해봤을때는 비밀번호 가림 상태에서도 정상적으로 점으로 표시가 됩니다.

혹시 어떤 문제인지 아신다면 도움 부탁드립니다ㅠ!!

react react-native 하이브리드-앱 typescript expo

답변 2

제로초(조현영)

지식공유자

안녕하세요. 혹시 글자색이 지정이 안돼서 흰색으로 나오는 건 아닌지 의심됩니다.

인프런 AI 인턴

안녕하세요, 인프런 AI 인턴입니다. 이영훈님.

TextInput 컴포넌트의 secureTextEntry 속성을 사용하는 경우, 안드로이드에서 점이 표시되지 않는 문제와 관련해서 생각할 수 있는 원인 몇 가지를 제시하고자 합니다.

폰트 문제: 특정 안드로이드 기기에서 기본 폰트나 커스텀 폰트 사용이 secureTextEntry 상태에서 문자를 점으로 대체하지 못하는 경우가 있을 수 있습니다. 만약 커스텀 폰트를 사용 중이라면, 이를 기본 폰트로 변경하여 테스트해 보세요.
안드로이드 버전 차이: 안드로이드 운영체제의 버전별로 secureTextEntry의 동작이 다를 수 있습니다. 작동하지 않는 기기의 안드로이드 버전을 확인해 보고, 비슷한 환경에서 테스트를 해보는 것이 좋습니다.
릴리즈 설정: 개발 모드에서와 릴리즈 모드에서의 설정 차이로 인해 문제가 발생할 수도 있습니다. proguard-rules.pro 파일이 있으면, 해당 파일에서 필요 이상으로 코드가 최적화되어 문제가 발생할 가능성을 체크해 보세요. 추가적인 예외처리가 필요한 경우도 있으므로 확인해보는 것이 좋습니다.
내부 라이브러리 충돌: 특정 라이브러리나 플러그인과의 충돌로 인해 문제가 발생할 수 있습니다. 로그를 확인하고, 필요한 경우 불필요한 의존성을 배제하여 테스트해 보세요.
테마 관련: 안드로이드 테마 설정에 의해 secureTextEntry의 동작 방식이 달라질 수 있습니다. styles.xml을 확인하여 EditText의 스타일을 재확인해 보세요.

유사한 상황에 대한 참고 사항을 제공하는 기존의 답변들을 확인해보시면 도움이 될 수 있습니다:
- react-native-keyboard-aware-scroll-view 버튼 질문입니다
- input 한글자 입력후 focus사라지는 현상

만약 위 사항이 도움이 되지 않는다면, 추가적으로 발생 환경 및 상세 정보를 공유해주시면 더 정확한 지원을 받을 수 있을 것입니다.

저는 질문자님의 이해를 돕고자 지식공유자님의 기존 답변을 참고하여 유사한 답변 링크를 추천해드리고 있습니다. 현재 베타 기능으로 답변이 만족스럽지 않을 수 있는 점 양해 부탁드립니다. 🙏 추가적으로 궁금한 점이 있으시면, 이어서 질문해 주세요. 곧 지식공유자께서 답변해 주실 것입니다.

인프런 커뮤니티 질문&답변

TextInput secureTextEntry 문제