inflearn logo
강의

강의

N
챌린지

챌린지

멘토링

멘토링

N
클립

클립

로드맵

로드맵

지식공유

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

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

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

해결된 질문

81

min

작성한 질문수 3

0

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

에러는 안뜹니다.

윈도우 환경입니다.

"react-native": "0.79.4",

node : v22.16.0

 

image.png

화면에 아무것도 안떠요.

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

image.png


react-native typescript expo react-hook-form react-query

답변 2

0

min

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

0

인프런 AI 인턴

안녕하세요, 인프런 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 환경에서 제대로 지원되는지 확인하세요.

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

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

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

secureTextEntry 설정에 관해

0

58

2

expo 55 tabs 사라짐 이슈

0

81

2

백엔드도 궁금합니다!

1

85

1

댓글 버튼 하단에 고정되지 않는 이슈

0

53

1

SafeAreaView 적용 기준 문의

0

80

2

스크린 옵션 아이콘

0

55

2

[Note] 안드로이드 네비게이션 헤더 이슈 안내

0

65

2

ActionSheet

0

86

1

안드로이드 폰과 PC에서 테스트할때 화면 안보임과 오류 문의

0

99

1

iOS 빌드 후 실기기에서 앱 시작

1

70

1

[5-2] 글 목록 무한스크롤 구현하기 with InfiniteQuery 10:40/ useScrollTop(ref) 사용관련

0

83

2

클라이언트 사이드에서 세션 관련 질문

0

81

2

Android 에뮬레이터 환경설정 및 실행 (for Mac) 에러 문의

0

111

1

[5-13] useLikePost 쿼리 구현 중 Tanstack Query 관련 질문

0

63

1

Expo 54 버전 ios에서 headerLeft

1

139

2

어플 개발 후 배포 시에 주의할 사항이 있을까요?

0

78

1

코드 수정 시 ios 시뮬레이터에서 자동반영이 안 되는데 왜그럴까요?

0

91

1

텍스트가 다 상단위로 올라가있는데 어떻게 해야할까요?

0

78

2

Axios Network error...

0

151

2

강의는 52버전인데 expo가 현재 54버전이에요

0

307

1

[TIP] SafeAreaView 사용할 때마다 자꾸 ios에서 위아래가 빵꾸 나시는 분들 필독

0

234

2

키보드 이슈 관련 해결 질문

0

74

1

android header를 ios처럼 바꾸기

0

68

1

CustomButton 코드 버튼 관련 질문

0

66

1