Fix youtube black screen issue (#831)

Author: YoussefHenna

packages/core/src/components/YoutubePlayer/YoutubePlayer.native.tsx

@@ -19,8 +19,20 @@ const YoutubePlayer: React.FC<YoutubePlayerProps> = ({
       play={autoplay}
       videoId={!videoId && !playlist ? defaultVideoId : videoId}
       playList={playlist}
-      webViewStyle={viewStyles}
-      webViewProps={{ androidLayerType: "software" }} //Addresses a webview bug causing crashes on android: https://stackoverflow.com/a/71642894/8805150
+      webViewStyle={[
+        viewStyles,
+        {
+          /**
+           * Addresses a WebView and react-navigation bug that causes apps to crash
+           * Alternate solution is set `androidLayerType` prop to `"software"`, but that leads to player playing without video
+           * See:
+           * https://lonelycpp.github.io/react-native-youtube-iframe/navigation-crash/#change-webview-opacity-to-099-issue-comment
+           * https://github.com/LonelyCpp/react-native-youtube-iframe/issues/110#issuecomment-779848787
+           * https://github.com/react-native-webview/react-native-webview/issues/811
+           */
+          opacity: viewStyles.opacity < 0.99 ? viewStyles.opacity : 0.99,
+        },
+      ]}
     />
   );
 };