인프런 영문 브랜드 로고
인프런 영문 브랜드 로고

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

dvdve님의 프로필 이미지

작성한 질문수

핸즈온 리액트 네이티브

9.3 :: 헤더 오른쪽 버튼 만들기

안드로이드 기기에서 헤더 부분이 작동이 안됩니다.

해결된 질문

작성

·

46

·

수정됨

0

안드로이드 와 IOS 기기 둘다 사용하면서 강의를 진행중에있는데요. IOS 기기에서는 헤더 왼쪽 오른쪽 부분 모두 정상적으로 작동을 하는데

 

안드로이드 기기에서는 헤더 부분 모두 작동을 하지 않아서 질문드립니다.

 

IOS: Iphone 11 prop

Android : Galaxy 7 모델 사용중입니다.

 

깃주소는

https://github.com/dvrakry/rn-photo

입니다.

답변 2

1

김범준님의 프로필 이미지
김범준
지식공유자

안녕하세요,

 

react-navigation 7 문제인듯 합니다.

https://github.com/react-navigation/react-navigation/issues/12274

 

이슈에 나온것처럼 onPress대신 onPressOut을 사용해보세요,

안드로이드 기기에서 테스트 했을때 onPressOut을 사용하면 동작합니다.

 

onPress일때도 특정 부분을 클릭하면 동작하긴 합니다. 다만, 말로 설명하기 어렵고 정상적인 동작은 아니라서 버그가 수정되기 전까지 onPressOut을 사용하시는 것을 권장합니다.

 

감사합니다.

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

해결됐습니다 선생님 감사합니다!

0

인프런 AI 인턴님의 프로필 이미지

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

리액트 네이티브 프로젝트에서 헤더가 안드로이드 기기에서는 작동하지 않는 문제는 다양한 원인이 있을 수 있습니다. 특히 네이티브 모듈과 관련된 설정이나 스타일 설정이 문제일 수 있습니다. 유사한 문제를 다루었던 기존 질문과 답변을 확인하여 해결에 도움을 받을 수 있습니다.

  1. 안드로이드 변수 오류: 이 질문에서는 안드로이드에서 앱이 제대로 작동하지 않는 문제를 겪은 사례입니다. 문제 원인으로 네이티브 모듈과의 호환성이나 설정 문제가 지목되었습니다. 특히 Firebase나 Expo를 사용할 때, 환경 설정에 따라 안드로이드에서 오류가 발생할 수 있습니다.

  2. IconButton 컴포넌트 만들기에서 ..: 리액트 네이티브에서 아이콘 사용 시 iOS와 안드로이드 간의 차이점을 다룬 사례입니다. 네이티브 모듈을 건드리지 않고 스타일 코드만을 통해 해결할 수 있는 부분을 설명하고 있습니다.

우선, 문제 해결을 위해 다음 사항들을 점검해 보시는 것을 추천드립니다:
- 네이티브 모듈에 대한 충돌이 없는지 확인하세요.
- 안드로이드에서만 발생하는 스타일 이슈가 있는지 점검해보세요.
- 안드로이드와 iOS에서 사용하는 라이브러리가 모두 최신 버전인지 확인하세요.

링크된 게시물에서 제안하는 조치를 참고하여 프로젝트 설정을 조정해 보시기 바랍니다.

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

dvdve님의 프로필 이미지

작성한 질문수

질문하기