728x90
반응형
많은 RN 개발자들이 화면에 웹뷰를 띄울때, react-native-webview 해당 라이브러리를 사용하는 것으로 알고있다.
하지만 해당 라이브러리는 치명적인 약점이 있다.
종종 안드로이드에서, 웹뷰사용시 app crush 가 나는 경우가있는데, 해당 에러를 찾아보면
의 android:hardwareAccelerated를 false 값으로 바꾸라는 해결방법이 많다.
하지만, 해당 방법으로 문제해결을 하면, 웹뷰에서의 crash는 사라지지만, react-native-video에서 동영상이 소리만 들리고 화면이 나오지않은 버그가 새로 생긴다.
따라서 옳은 workaround 방법으로
android:hardwareAccelerated 는 true 값으로 유지한채,
webview 컴포넌트의 props 에 minHeight : 1, opacity : 0.99 를 넣어주는 방법이 있다.
정확히 왜 해결되는지는 모르지만,
react-native-webview를 사용시 안드로이드에서 앱꺼짐도 막아주고 비디오도 잘 나오는 해결방법이다.
728x90
반응형