<YouTube> Android : youtube player has been released crash error

 

 

 리액트 네이티브로 안드로이드 개발 중,

유투브 태그를 사용했을 때,

네비게이션을 이용해 다른 페이지로 넘어갔다가,

다시 뒤로가기 버튼으로 해당 페이지로 돌아오면,

유투브 플레이어에서 에러가 나는 것을 확인했다ㅏㅏㅏ

 

검색결과, 다른분들은

보통 해당 페이지에 다시 들어올때,

유투브 태그를 통째로 삭제했다가,

재렌더링하는 식으로 만드시는 듯 했는데,

나는 그렇게 해도 안되더이다... ㅎ

 

때문에 열심히 다시 서치 후,

완벽하지만은 않은(?) 해결법을 찾았다ㅏㅏ

 

간단하게 내가 만든 유투브 태그에

속성하나를 추가해주기만 하면 된다ㅏㅏ

        <YouTube
        resumePlayAndroid={false}
       />

위를 추가해주면,

어플은 더이상 꺼지지 않지만,

유투브 플레이어가 검은화면으로 나오고,

다른 페이지에 들어갔다 나와야 정상작동된다..! ㅠ

 

때문에 다른 해결법을 서치ㅣㅣㅣ

아에 라이브러리를 교체하는 방식을 택했다ㅏㅏ

import YoutubePlayer from "react-native-youtube-iframe";
RenderYoutubeAndroid = (props) => {
	const { autoStart, videoUrl, loop, controls, videoHeight } = props
	return (
		<YoutubePlayer
			height={videoHeight || 300}
			play={autoStart}
			videoId={videoUrl || "El3aHfAUbOg"}
			loop={loop}
			controls={controls}
			allowWebViewZoom={true}
			onChangeState={(state) => console.log("RENDER VİDEO : ", state)}
		/>
	)
}

 

이제, 동영상이 실행될 때,

로그가 수많이 찍힌다는 점 빼고는

영상이 잘 나온다ㅏㅏㅏㅏ

 

출처 : 

https://stackoverflow.com/questions/60394390/react-native-youtube-app-crashes-after-switching-to-another-screen-and-back

react-native-youtube: App crashes after switching to another screen and back

 

https://github.com/davidohayon669/react-native-youtube/issues/238#issuecomment-468600923

Android crashing in production: java.lang.IllegalStateException · Issue #238 · davidohayon669/react-native-youtube

 

** 이 에러 해결법을 알려준 터키의 yakupdurmus씨께 앞구르기 절과 뒷구르기 절을 바칩니다ㅏㅏ

I dedicate the bow forward and backward to Turkey's yakupdurmus, who taught me how to solve this issueee