feat: Add the hasBackdrop property (#43)

* added hasBackdrop prop

* updated readme, added passiveSitKey condition to not change current behaviour

* updated readme

* updated version

---------

Co-authored-by: ingmartino <emimemos@gmail.com>

README.md

@@ -127,6 +127,7 @@ Otherwise, you should pass in the preferred device locale, e.g. fetched from `ge
 | style _(inline component only)_ | ViewStyle (see [here](https://reactnative.dev/docs/view-style-props)) | The webview style |
 | baseUrl _(modal component only)_ | string | The url domain defined on your hCaptcha. You generally will not need to change this. |
 | passiveSiteKey _(modal component only)_ | boolean | Indicates whether the passive mode is enabled; when true, the modal won't be shown at all |
+| hasBackdrop _(modal component only)_ | boolean | Defines if the modal backdrop is shown (true by default) |
 
 
 ## Status

index.js

@@ -41,6 +41,7 @@ class ConfirmHcaptcha extends PureComponent {
       assethost,
       imghost,
       host,
+      hasBackdrop,
     } = this.props;
 
     return (
@@ -55,7 +56,7 @@ class ConfirmHcaptcha extends PureComponent {
         onBackdropPress={() => this.hide('backdrop')}
         onBackButtonPress={() => this.hide('back_button')}
         isVisible={show}
-        hasBackdrop={!passiveSiteKey}
+        hasBackdrop={!passiveSiteKey && hasBackdrop}
         coverScreen={!passiveSiteKey}
       >
         <SafeAreaView style={[styles.wrapper, { backgroundColor }]}>
@@ -119,6 +120,7 @@ ConfirmHcaptcha.propTypes = {
   assethost: PropTypes.string,
   imghost: PropTypes.string,
   host: PropTypes.string,
+  hasBackdrop: PropTypes.bool,
 };
 
 ConfirmHcaptcha.defaultProps = {
@@ -136,6 +138,7 @@ ConfirmHcaptcha.defaultProps = {
   assethost: undefined,
   imghost: undefined,
   host: undefined,
+  hasBackdrop: true,
 };
 
 export default ConfirmHcaptcha;

package.json

@@ -1,6 +1,6 @@
 {
   "name": "@hcaptcha/react-native-hcaptcha",
-  "version": "1.5.1",
+  "version": "1.6.0",
   "description": "hCaptcha Library for React Native (both Android and iOS)",
   "main": "index.js",
   "scripts": {