강의

멘토링

로드맵

Inflearn brand logo image

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

min님의 프로필 이미지
min

작성한 질문수

아바타 커뮤니티앱 만들기 (React Native Expo)

[2-1] 리액트네이티브 기초 - 컴포넌트

윈도우에서 안드로이드 열었는데 '텍스트' 문구가 안보여요

해결된 질문

작성

·

45

0

https://github.com/minpppal/react-native-avartar

에러는 안뜹니다.

윈도우 환경입니다.

"react-native": "0.79.4",

node : v22.16.0

 

image.png

화면에 아무것도 안떠요.

웹으로 열면 잘뜹니다. (아래 사진은 웹)

image.png


답변 2

0

min님의 프로필 이미지
min
질문자

폰트 없애고 리로드하니까 잘 뜨네요

0

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

React Native 앱 개발에서 Web 환경에서는 정상적으로 보이는데 안드로이드 에뮬레이터에서 텍스트가 보이지 않는 문제를 겪고 계시는군요. 이 문제는 보통 스타일링 문제나 폰트 파일과 관련된 문제일 수 있습니다.

가능한 해결 방안

  1. 스타일링 확인: 스타일에 따라 텍스트 색상과 배경 색상이 맞지 않아서 텍스트가 보이지 않을 수 있습니다. 검은색 배경에 검은색 텍스트처럼, 스타일 파일에서 텍스트와 배경의 색상을 확인해 보세요.

  2. 폰트 파일 확인: AndroidSimulator에서는 특정 폰트가 올바르게 불러오지 못하는 경우도 있을 수 있습니다. 이러한 경우에는 폰트 경로나 폰트 파일이 제대로 연결되어 있는지 확인하세요. 폰트가 필요 없는 기본 텍스트 컴포넌트로 테스트해 보세요.

  3. clear cache: 캐시 문제일 가능성도 있으니, 터미널에서 다음 명령어로 Android 빌드 및 캐시를 재설치하는 것도 도움이 될 수 있습니다.

    npx react-native start --reset-cache
    npx react-native run-android
    
  4. 적용되지 않은 업데이트 확인: 스타일이나 레이아웃 변경 후 앱을 재시작하지 않았다면, 변경 사항이 적용되지 않을 수 있습니다. Ctrl + m (메뉴 띄우기) -> Reload를 선택하거나 앱을 종료 후 재실행해 주세요.

  5. 로그 확인: 터미널에서 발생하는 경고나 오류 로그를 확인해 보세요. 이는 문제의 원인을 찾는 데 매우 유용할 수 있습니다.

  6. 텍스트 컴포넌트 자체 문제 확인: 텍스트 컴포넌트에 사용된 기능이나 라이브러리가 Android 환경에서 제대로 지원되는지 확인하세요.

아래 링크는 유사한 상황에서 해결에 도움을 줄 수 있는 기존의 답변입니다:

문제를 지속해서 겪으신다면, 더 자세한 정보를 제공해 주세요. 추가적인 로그나 코드 조각이 문제 해결에 도움이 될 수 있습니다.

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

min님의 프로필 이미지
min

작성한 질문수

질문하기