Louis Innovations releases a Flutter package for SADAD Payment Gateway, providing native WebView checkout widgets for iOS, Android, and Flutter Web applications.
Why Flutter for Qatar Payments?
Flutter enables building a single codebase that runs on iOS, Android, and the web. For Qatar businesses, this means one development effort to reach all customers. Our package handles the platform-specific complexities of payment WebViews so developers can focus on their app.
Package Features:
SadadCheckoutWebView Widget - Full-screen or modal WebView that loads the SADAD checkout page. Handles navigation, redirects, and payment completion detection automatically. Returns payment result through a callback.
SadadCheckoutBottomSheet - Pre-built bottom sheet modal for checkout. Smooth animation, swipe to dismiss with confirmation, and payment status updates. Looks native on both iOS and Android.
Platform-Specific Handling - Uses webview_flutter for mobile platforms with proper cookie handling. Falls back to iframe-based checkout on Flutter Web. Handles deep links for payment app redirects.
Payment Result Parsing - Automatically extracts payment ID, status, and amount from SADAD callback URLs. Strongly typed PaymentResult class with all response fields.
Customization - Override WebView settings, add custom headers, inject JavaScript for advanced integrations. Theme-aware loading indicators that match your app's design.
Security - Certificate pinning support for SADAD API endpoints. No sensitive data stored on device. WebView sandbox prevents JavaScript injection.
Example App - Complete example application demonstrating checkout flow, payment history, and refund requests. Ready to clone and customize.
Getting Started:
Add to pubspec.yaml. Configure SADAD merchant credentials. Drop the checkout widget into your payment screen. The package handles everything else.
Repository: github.com/louisinnovationsqatar/sadad-flutter
Empowering Qatar's mobile developers with open source payment tools.