Skip to main content
View as Markdown

Flutter demo

Build a Flutter storefront that opens Inttegro’s native payment sheet. The app receives an order ID from your backend.

See the flow

Compare the payment-ready and completed states on iOS and Android.

2 steps
iOS native payment sheet
Light mode. Native Inttegro payment sheet presented over the Kora Market iOS demo, showing Mobile Money account entry for a payer without an attached payment method.
iOSLight
Start the paymentEnter a Mobile Money account number when there is no attached payment method.
iOS native payment sheet
Light mode. Native Inttegro payment sheet confirming a completed GHS 50 Mobile Money payment to Kora Market.
iOSLight
Finish with confirmationThe terminal state confirms the paid amount and merchant before returning control to the host app.

React Native and Flutter use these same native payment sheets instead of reimplementing checkout. The Android robot is reproduced from work created and shared by Google and used according to the Creative Commons 3.0 Attribution License.

What you’ll build

  • A Flutter Material 3 product experience
  • Native payment-sheet presentation through the Inttegro Flutter SDK
  • A backend-owned order and credential boundary
  • Lifecycle events cleaned up on dispose

Run the demo

Install Flutter, generate the Android and iOS projects, fetch packages, and set the backend URL. The released README has the exact commands.

Key files

  1. lib/demo_backend.dart requests the order ID from your backend.
  2. lib/main.dart presents the payment sheet and handles the result.

Before you ship

Keep the customer, product, amount, currency, and API key on the server. Return only the order ID to the app and verify payment before fulfillment.

Next