![Flutter](https://github.com/Adyen/adyen-flutter/assets/13377878/66a9fab8-dba0-426f-acd4-ab0bfd469d20)
Adyen Flutter
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.
iOS |
Android |
![](https://github.com/Adyen/adyen-flutter/assets/13377878/4a1d623b-5f82-49f1-b18d-84a7b2c06d63) |
![](https://github.com/Adyen/adyen-flutter/assets/13377878/0bce3d67-8d33-4ecc-a6e2-6e409d1ac876) |
Contributing
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.
Before you begin
- 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.
Required versions:
Integration
Depending on the server-side flow
you use, follow corresponding the integration guide in our documentation.
Sessions flow
Advanced flow
Customization
You can customize the styling of the user interface. Follow the guides for each platform:
Support
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:
support@adyen.com
See also
License
MIT license. For more information, see the LICENSE file.