The Adyen Flutter package provides you with the building blocks to create a checkout experience for your shoppers, allowing them to pay using the payment method of their choice. This is an overview of the payment methods that you can add to your online payments integration.
You can integrate with the following:
- Drop-in: an out-of-the-box Flutter wrapper for native iOS and Android Drop-in that includes all available payment methods for your shoppers to choose.
- Components: Flutter widgets for native iOS and Android Adyen Components. You use one Component
for each payment method. We currently offer the following Components:
- Card Component: allows shoppers to pay with card. Stored cards are also supported.
- Google Pay Component: renders a Google Pay button.
- Apple Pay Component: renders an Apple Pay button.
- Instant Component: supports payment methods that do not require additional input fields, like PayPal, Klarna and many more.
- API only: Build your own UI for the card payment form, collect the shopper's card details, and then use the package to validate and encrypt the card data in your app.
| iOS | Android |
|---|---|
 |
 |
Follow our guidelines to provide feedback and contribute the following to this repository:
- New features and functionality
- Bug fixes and resolved issues
- General improvements
We merge each pull request into the main branch. We aim to keep it in good shape so that we can
release a new version when we need to.
- Get an Adyen test account.
- Get your Client key. Required for Drop-in/Components to communicate with the Adyen API.
- Get your API key. Required to make requests from your server to the Adyen API.
- Set up your webhooks to get the payment outcome.
- Checkout API v71 or later.
- Android 5.0 (API 21) or later.
- Kotlin 1.8.22 or later.
- AGP 8.1 or later.
- Requires the usage of a
FlutterFragmentActivityinstead of the defaultFlutterActivityin the MainActivity of your native Android layer.
- iOS 12 or later.
- Add the return URL handler to your AppDelegate in your native iOS layer.
- Add a custom URL scheme that matches the returnUrl you use.
Depending on the server-side flow you use, follow corresponding the integration guide in our documentation.
You can customize the styling of the user interface. Follow the guides for each platform:
If you have a feature request, or spotted a bug or a technical problem, create a GitHub issue. For other questions, contact our Support Team via Customer Area or via email: [email protected]
MIT license. For more information, see the LICENSE file.