728x90
반응형

react-native-webview 를 사용하다보면 

안드로이드에선 가끔 앱 크래시가 난다

 

해결법은 여러가지가 있는데, 

android:hardwareAccelerated="true"

 

해당 값을 false로 바꿔주거나

 

(false 로 바꿔주면 해결은 되지만, 다른 화면에서 화면이 안나올수있다. video 등..)

 

webview style 에 opacity : 0.99, minHeight : 1

 

을 추가해주는 방법들이다.

 

상품 소개 페이지에서 html 을 

 

react-native-autoheight-webview

 

해당 라이브러리로 뿌려주는데

 

안드로이드에서 그냥 앱이꺼져버리는 에러가 나왔다.

 

로그캣으로 보니

 

fatal signal 11 (sigsegv), code 1 (segv_maperr)

 

해당 에러문구가 보였다. 아마 webview 를 사용한 react-native-autoheight-webivew 에서 흔히 나는 크래시 에러라고 생각하고

 

const androidLayerType =
Platform.OS === 'android'
? Platform.Version >= 31
? 'hardware'
: 'software'
: undefined;
androidLayerType={androidLayerType}

 

로 해결하였다.

 

최종코드는

 

으로

 

androidLayerType 속성을 주면 react-native-webview 에서도 크래시가 나지 않는다.

728x90
반응형

+ Recent posts