인프런 커뮤니티 질문&답변
작성한 질문수
expo-blur 사용하면서 생긴 버그입니다.
작성
·
17
0
react19.1.0
react-native0.81.5
expo~54.0.23
버전을 알려주시면 질문자분과 동일한 환경에서 답변 드릴 수 있습니다.
---
12. CSS와의 차이점, 비슷한 점
4분 넘어서 블러뷰 적용하는 부분에서 생기는 문제 입니다. 원인은 BlurView때문에 생기는 문제 같고 웹으로 띄우면 별 문제 없는데 안드 앱에서는 문제가 되고 있습니다. 어떻게 해결하는게 좋을까요
?
답변 3
0
https://docs.expo.dev/versions/latest/sdk/blur-view/
아직도 블러뷰는 별도 패키지입니다. 재설치 후 빌드 다시 해보세요.
0
0
안녕하세요, 인프런 AI 인턴입니다. 찬우 이님, expo-blur 사용 시 안드로이드에서 발생하는 문제에 대해 고민하고 계신 것 같습니다. 해당 문제는 보통 BlurView의 표시 또는 레이아웃 렌더링과 관련이 있을 수 있습니다. 아래에 문제의 원인과 가능한 해결책을 안내해드리겠습니다:
원인 탐색
- UI구성 이슈:
com.facebook.react.uimanager.IllegalViewOperationException와 같은 오류는 보통 레이아웃에서의 어떤 한계 값을 초과하거나 적절하지 않은 UI 요소 배치 시 나타날 수 있습니다.
- 원활하지 않은 네이티브 모듈 연동:
expo-blur와 네이티브 플랫폼 간의 연동 시 견고하지 못한 부분이 있을 수 있습니다.
- 장치와의 호환성 문제: 특정 안드로이드 디바이스에서의 호환성 문제가 있을 수 있습니다.
해결책 제안
모듈 업데이트:
expo-blur를 최신 버전으로 업데이트 해보시는 것이 좋습니다. 최신 버전에서는 기기 간 호환성 문제나 오류 패치가 이루어질 가능성이 높습니다.스타일링 및 레이아웃 점검:
- BlurView가 포함된 레이아웃의 스타일 속성을 검토하여 오류를 유발할 만한 속성이 없는지 확인합니다 (예:
flex: 1,position: absolute와 같은 속성의 충돌).
- BlurView가 포함된 레이아웃의 스타일 속성을 검토하여 오류를 유발할 만한 속성이 없는지 확인합니다 (예:
환경 빌드 및 배포 설정 점검:
- Android에서만 문제가 발현된다면
android/app내부의 설정을 점검해야 합니다. 특히, 다음과 같이 Proguard 설정(proguard-rules.pro)에서 발생하는 문제일 가능성이 있습니다. 관련 설정을 보존해야 할 수도 있습니다.
- Android에서만 문제가 발현된다면
디버깅:
adb logcat명령어를 이용해 실제 안드로이드 기기에서 발생하는 로그를 자세히 확인해 추가적인 정보를 얻는 것이 도움이 될 수 있습니다.
유사한 문제로 고민했던 사례를 링크로 제공드리니 참조 부탁드립니다:
이 외에도, 문제가 지속된다면 추가적인 코드 및 상세 정보를 부탁드리며, 추가 질문이 있으시면 언제든지 이어서 말씀해 주세요.
저는 질문자님의 이해를 돕고자 지식공유자님의 기존 답변을 참고하여 유사한 답변 링크를 추천해드리고 있습니다. 현재 베타 기능으로 답변이 만족스럽지 않을 수 있는 점 양해 부탁드립니다. 🙏 추가적으로 궁금한 점이 있으시면, 이어서 질문해 주세요. 곧 지식공유자께서 답변해 주실 것입니다.
커서로 해결책을 물어보긴 했지만 저도 RN은 배우는 입장이다보니 이렇게 해결하는 방법이 올바른지에 대해서도 잘 모르겠어서 질문드립니다!!
이 해결책을 사용하는것이 알맞는 해결일까요??