Allow custom WebView style (Addresses issue jarden-digital#14)

README.md

@@ -59,6 +59,7 @@ import ReCaptchaV3 from '@haskkor/react-native-recaptchav3'
 |**`captchaDomain`**|Your url registered with Google reCAPTCHA|`None`|`true`|`string`|
 |**`onReceiveToken`**|The callback used to get the captcha token from the component|`None`|`true`|`(captchaToken: string) => void`|
 |**`siteKey`**|The site key provided by Google reCAPTCHA|`None`|`true`|`string`|
+|**`webViewStyle`**|Additional style for the underlying WebView|`None`|`null`|`React.ViewStyle`|
 
 ## [Changelog](https://github.com/Haskkor/react-native-recaptchav3/blob/master/CHANGELOG.md)
 

src/ReCaptchaComponent.tsx

@@ -1,14 +1,15 @@
 import {platform} from './constants'
 
 import * as React from 'react'
-import {View} from 'react-native'
+import {View, ViewStyle} from 'react-native'
 import { WebView } from 'react-native-webview'
 
 type IProps = {
   captchaDomain: string
   onReceiveToken: (captchaToken: string) => void
   siteKey: string
   action: string
+  webViewStyle?: ViewStyle
 }
 
 const patchPostMessageJsCode = `(${String(function () {
@@ -64,7 +65,8 @@ class ReCaptchaComponent extends React.PureComponent<IProps> {
         }}
         onMessage={(e: any) => {
           this.props.onReceiveToken(e.nativeEvent.data)
-        }}/>
+        }}
+        style={this.props.webViewStyle} />
     </View>
   }
 }