inflearn logo
강의

강의

N
챌린지

챌린지

멘토링

멘토링

N
클립

클립

로드맵

로드맵

지식공유

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

[2-2] 네비게이션 구조 설정 with Expo Router

[2-2]

해결된 질문

124

박상원

작성한 질문수 22

0

홈스크린 부분에만 gray 배경이 적용되는데, 이게 뭐때문에 그런가요? 내 스크린이나, 설정 부분은 gray 배경이 없습니다

Screenshot 2025-03-11 at 10.14.37 AM.png

 

Screenshot 2025-03-11 at 10.14.44 AM.png

.

코드는 강의에서 제공된 코드를 다운받아 그대로 사용했습니다.

javascript react react-native typescript react-query

답변 2

0

Kyo

기본색상으로 보이고, setting과 my에서는 각각 레이아웃파일에서 contentStyle로 배경색상이 흰색으로 설정되어 있습니다. 홈도 똑같이 변경해주실수 있습니다.

0

인프런 AI 인턴

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

홈스크린 부분에 gray 배경이 적용되었고 다른 스크린에는 적용되지 않은 문제에 대해 설명드리겠습니다.

  1. 스타일링의 차이: 이 문제는 주로 스타일 시트에서 특정 스크린에만 배경이 적용되었기 때문일 수 있습니다. 홈스크린의 스타일링에만 backgroundColor: 'gray'가 설정되어 있거나, 다른 스크린의 스타일링과 다르게 설정되어 있을 수 있습니다.

  2. 컴포넌트의 공통 스타일: 만약 공통 스타일을 사용하는 컴포넌트가 있다면 해당 컴포넌트에서 배경색이 설정되어 모든 화면에 적용되지 않고 제한적으로 적용된 경우일 수도 있습니다.

  3. 내비게이션 컨테이너의 스타일: NavigationContainer 또는 StackNavigator 레벨에서 배경 스타일이 설정되어 있는지 확인해 보셔야 합니다. 특정 화면에만 배경 색을 다르게 적용하려면 각 스크린의 스타일을 확인하고 개별 설정이 적절한지 점검하세요.

해결 방법:
- StyleSheet를 사용하는 부분에서 각각의 화면 스타일을 확인하고 배경색 관련 코드(backgroundColor)를 점검해 보세요.
- 각 화면 컴포넌트의 상위 부분에 적용된 스타일이 다른 스크린에 영향을 미치고 있는지 확인하세요.

이 문제를 해결하는 비슷한 질문이 링크에서 이미 다루어진 적 있습니다. 비슷한 문제에서 해결 방법을 참조할 수 있을 것입니다.

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

secureTextEntry 설정에 관해

0

58

2

expo 55 tabs 사라짐 이슈

0

83

2

백엔드도 궁금합니다!

1

86

1

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

0

53

1

SafeAreaView 적용 기준 문의

0

82

2

스크린 옵션 아이콘

0

56

2

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

0

67

2

ActionSheet

0

87

1

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

0

99

1

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

1

71

1

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

0

84

2

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

0

82

2

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

0

113

1

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

0

63

1

Expo 54 버전 ios에서 headerLeft

1

140

2

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

0

79

1

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

0

92

1

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

0

78

2

Axios Network error...

0

151

2

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

0

310

1

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

0

238

2

키보드 이슈 관련 해결 질문

0

74

1

android header를 ios처럼 바꾸기

0

70

1

CustomButton 코드 버튼 관련 질문

0

66

1