Respond to button actions in Flutter SDK
If you are building paywalls using the Adapty paywall builder, it's crucial to set up buttons properly:
- Add a button in the paywall builder and assign it either a pre-existing action or create a custom action ID.
- Write code in your app to handle each action you've assigned.
This guide shows how to handle custom and pre-existing actions in your code.
Only purchases and restorations are handled automatically. All the other button actions, such as closing paywalls or opening links, require implementing proper responses in the app code.
Close paywalls
To add a button that will close your paywall:
- In the paywall builder, add a button and assign it the Close action.
- In your app code, implement a handler for the
close
action that dismisses the paywall.
void paywallViewDidPerformAction(AdaptyUIPaywallView view, AdaptyUIAction action) {
switch (action) {
case const CloseAction():
case const AndroidSystemBackAction():
view.dismiss();
break;
default:
break;
}
}
Open URLs from paywalls
If you want to add a group of links (e.g., terms of use and purchase restoration), add a Link element in the paywall builder and handle it the same way as buttons with the Open URL action.
To add a button that opens a link from your paywall (e.g., Terms of use or Privacy policy):
- In the paywall builder, add a button, assign it the Open URL action, and enter the URL you want to open.
- In your app code, implement a handler for the
openUrl
action that opens the received URL in a browser.
// You have to install url_launcher plugin in order to handle urls:
// https://pub.dev/packages/url_launcher
import 'package:url_launcher/url_launcher_string.dart';
void paywallViewDidPerformAction(AdaptyUIView view, AdaptyUIAction action) {
switch (action) {
case OpenUrlAction(url: final url):
final Uri uri = Uri.parse(url);
launchUrl(uri, mode: LaunchMode.inAppBrowserView);
break;
default:
break;
}
}
Log into the app
To add a button that logs users into your app:
- In the paywall builder, add a button and assign it the Login action.
- In your app code, implement a handler for the
login
action that identifies your user.
void paywallViewDidPerformAction(AdaptyUIPaywallView view, AdaptyUIAction action) {
switch (action) {
case CustomAction(action: 'login'):
// Handle login action
Navigator.of(context).push(MaterialPageRoute(builder: (context) => LoginScreen()));
break;
default:
break;
}
}
Handle custom actions
To add a button that handles any other actions:
- In the paywall builder, add a button, assign it the Custom action, and assign it an ID.
- In your app code, implement a handler for the action ID you've created.
For example, if you have another set of subscription offers or one-time purchases, you can add a button that will display another paywall:
void paywallViewDidPerformAction(AdaptyUIPaywallView view, AdaptyUIAction action) {
switch (action) {
case CustomAction(action: 'openNewPaywall'):
// Display another paywall
break;
default:
break;
}
}