Add support to control the style of <View> outside of <WebView> (#237)

Author: maydna

docs/props.mdx

@@ -273,6 +273,12 @@ changing these parameters might cause the player to restart or not change at all
 
 ---
 
+### `viewContainerStyle`
+
+A style prop that will be given to the webview container
+
+---
+
 ### `webViewStyle`
 
 A style prop that will be given to the webview

index.d.ts

@@ -88,6 +88,10 @@ export interface YoutubeIframeProps {
    * Sets the volume. Accepts an integer between `0` and `100`.
    */
   volume?: number;
+  /**
+   * A style prop that will be given to the webview container
+   */
+  viewContainerStyle?: StyleProp<ViewStyle>;
   /**
    * A style prop that will be given to the webview
    */

src/YoutubeIframe.js

@@ -33,6 +33,7 @@ const YoutubeIframe = (props, ref) => {
     play = false,
     mute = false,
     volume = 100,
+    viewContainerStyle,
     webViewStyle,
     webViewProps,
     useLocalHTML,
@@ -258,7 +259,7 @@ const YoutubeIframe = (props, ref) => {
   }, [useLocalHTML, contentScale, baseUrlOverride, allowWebViewZoom]);
 
   return (
-    <View style={{height, width}}>
+    <View style={[{height, width}, viewContainerStyle]}>
       <WebView
         bounces={false}
         originWhitelist={['*']}