yandex_smart_captcha 7.0.0
yandex_smart_captcha: ^7.0.0 copied to clipboard
Unofficial Flutter package for Yandex SmartCaptcha with a streamlined API.
Yandex SmartCaptcha for Flutter #
This package makes it easy to integrate Yandex SmartCaptcha into Flutter mobile apps. To learn more about the Yandex SmartCaptcha service, visit its official page.
This package was inspired by flutter_yandex_smartcaptcha, but it offers several improvements, including bug fixes, slightly better performance, enhanced documentation, and a much cleaner API.
Motivation #
One day at work, I urgently needed to integrate a Yandex CAPTCHA into a mobile app, and the flutter_yandex_smartcaptcha package came to the rescue. However, I discovered a serious bug and reported it to the author. When they didn’t respond, I decided to create a similar package myself and learn how to publish packages on pub.dev in the process. End of story.
Usage #
Super simple! Here’s the most basic example:
YandexSmartCaptcha(
config: CaptchaConfig(
clientKey: 'your-client-key',
),
onChallengeSolved: (token) {
// Handle the solved captcha token
},
)
In most cases, you’ll only need the YandexSmartCaptcha and CaptchaConfig classes. The CaptchaController is entirely optional – it's useful if you need to trigger a challenge popup programmatically, but that’s rare.
CaptchaConfig parameters #
This is an immutable configuration for Web SmartCaptcha.
The term "Web SmartCaptcha" refers to the underlying HTML page hosted inside the WebView that instantiates and executes the Yandex SmartCaptcha JavaScript widget.
| Parameter | Required | Default | Description |
|---|---|---|---|
clientKey |
✔ | The client-side key passed to Web SmartCaptcha. | |
language |
ru |
The language for the Web SmartCaptcha UI. | |
alwaysShowChallenge |
false |
If true, the user will always be presented with a challenge. Useful for testing. | |
useInvisibleMode |
false |
If true, runs the CAPTCHA in invisible mode – without the "I'm not a robot" checkbox. |
|
badgePosition |
bottomRight |
If useInvisibleMode is enabled, specifies the position of the badge linking to the Data Processing Notice (DPN). |
|
hideBadge |
false |
If true and useInvisibleMode is enabled, hides the DPN badge. |
|
useWebViewMode |
true |
If true, runs the CAPTCHA in a mobile-optimized WebView mode to improve challenge accuracy. |
|
initialScale |
1.0 |
The initial scale factor for the Web SmartCaptcha content. | |
allowUserScaling |
false |
If true, the user can scale the Web SmartCaptcha content using gestures or controls. |
|
maximumScale |
3.0 |
If allowUserScaling is enabled, specifies the maximum scale factor for the content. |
YandexSmartCaptcha parameters #
Control the SmartCaptcha's runtime lifecycle, Flutter-level UI customizations, and callback registration.
| Parameter | Required | Default | Description |
|---|---|---|---|
config |
✔ | The configuration settings for this CAPTCHA instance. | |
onChallengeSolved |
✔ | Called when the user successfully solves a CAPTCHA challenge. | |
backgroundColor |
null |
The background color of the widget container. | |
loadingIndicator |
null |
A custom widget displayed while the Web SmartCaptcha content is loading. | |
onCaptchaReady |
null |
Called when the CAPTCHA script is fully loaded and initialized. | |
onChallengeShown |
null |
Called when the CAPTCHA challenge popup becomes visible. | |
onChallengeHidden |
null |
Called when the CAPTCHA challenge popup is hidden. | |
onNetworkError |
null |
Called when a network error occurs while loading or executing the CAPTCHA. | |
onJavaScriptError |
null |
Called when an uncaught JavaScript error occurs inside the CAPTCHA WebView. | |
onNavigationRequest |
null |
Called when a navigation request is made inside the WebView. | |
controller |
null |
A controller to programmatically interact with the CAPTCHA. |
CaptchaController methods #
Provide access to the Web SmartCaptcha's imperative methods.
| Method | Description |
|---|---|
execute() |
Starts user validation. |
destroy() |
Removes the Web SmartCaptcha widget and its associated event listeners. |
Screenshots #
- SmartCaptcha in a simple test screen:
- SmartCaptcha in a real-world application: