Comments (10)
I'm guessing if you want it to be visible you need the reCaptchaType to be reCaptchaType={2}
They types are export const type = Object.freeze({"invisible": 1, "normal": 2});
from react-native-recaptcha.
Technically I don't want it to be visible, but this is what I get when I render it with the type reCaptchaType=1. On android it seems to be working normally. The invisible captcha is supposed to actually be completely invisible, with no rendering on screen at all?
I'm new to reCaptcha so I might have mistaken somehow.
from react-native-recaptcha.
Ah got you, what if you remove the containerStyle that's setting the width and height?
from react-native-recaptcha.
The default values for the containerStyle are height: 100% and width:100%, so the values I've assigned do not actually have an impact to the way it's rendered here. On android it seems to be rendering just normally, as in the captcha actually being 80px hight with wider width.
I'd think it's some kind of a bug with iOS webview
from react-native-recaptcha.
The invisible captcha is supposed to actually be completely invisible, with no rendering on screen at all?
I'm new to it too, but that's my understanding with V3, it just works in the background and gives you a score for the user.
from react-native-recaptcha.
how do we execute the recaptcha like on button click or something ??
from react-native-recaptcha.
@acsant please assist
from react-native-recaptcha.
how do we execute the recaptcha like on button click or something ??
You can achieve that the following way:
The below example code is not tested but the idea is the following
When the button is clicked the captcha is loaded and once the token is received the actual process that requires the captcha is started.
class Example extends Component {
constructor(props) {
super(props)
this.state = {
loadCaptcha: false
}
}
handlePress = () => {
this.setState({ loadCaptcha: true })
}
handleReCaptchaExecute = (captcha) => {
this.setState({ loadCaptcha: false });
// Do whatever you want to do with the captcha
}
render() {
const { loadCaptcha } = this.state;
const captchaComponent = (
<View style={{ width: '100%', height: 0 }}>
<ReCaptcha
siteKey="SITEKEYHERE"
url="URLHERE"
action="verify"
reCaptchaType={1} // invisible
onExecute={this.handleReCaptchaExecute}
/>
</View>
);
return (
{loadCaptcha && captchaComponent}
<Button
title="Press me"
color="#f194ff"
onPress={this.handlePress}
/>
)
}
}
export default Example;
from react-native-recaptcha.
@gusoskar @lbudakov @kingeke @Jedidiah Is anyone able to get the token?
from react-native-recaptcha.
Related Issues (11)
- Webview has been removed from react-native HOT 6
- Execute not working in iPhone HOT 4
- Unused code in MessageWebView: postMessage HOT 2
- Not receiving any response in onExecute HOT 2
- Invalid argument supplied to oneOf, expected an instance of array. HOT 2
- Example of use HOT 27
- Redirected to my site HOT 10
- Unhandled promise rejection Error: Unable to open URL: about:blank HOT 1
- Can't handle url: "url" HOT 4
- Manually send a request to recaptcha. HOT 2
Recommend Projects
-
React
A declarative, efficient, and flexible JavaScript library for building user interfaces.
-
Vue.js
🖖 Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.
-
Typescript
TypeScript is a superset of JavaScript that compiles to clean JavaScript output.
-
TensorFlow
An Open Source Machine Learning Framework for Everyone
-
Django
The Web framework for perfectionists with deadlines.
-
Laravel
A PHP framework for web artisans
-
D3
Bring data to life with SVG, Canvas and HTML. 📊📈🎉
-
Recommend Topics
-
javascript
JavaScript (JS) is a lightweight interpreted programming language with first-class functions.
-
web
Some thing interesting about web. New door for the world.
-
server
A server is a program made to process requests and deliver data to clients.
-
Machine learning
Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.
-
Visualization
Some thing interesting about visualization, use data art
-
Game
Some thing interesting about game, make everyone happy.
Recommend Org
-
Facebook
We are working to build community through open source technology. NB: members must have two-factor auth.
-
Microsoft
Open source projects and samples from Microsoft.
-
Google
Google ❤️ Open Source for everyone.
-
Alibaba
Alibaba Open Source for everyone
-
D3
Data-Driven Documents codes.
-
Tencent
China tencent open source team.
from react-native-recaptcha.