Skip to main content
View as Markdown

React Native and Expo demo

Build an Expo storefront that opens Inttegro’s native payment sheets. 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

Run the demo

Install the dependencies, set the backend URL, and build the iOS or Android app. Expo Go cannot load this native module. The released README has the exact commands.

Key files

  1. src/demoBackend.ts requests the order ID from your backend.
  2. App.tsx presents the payment sheet and cleans up its subscription.

Before you ship

Authenticate calls to your backend and keep all order fields there. Return only the order ID to the app and verify payment before fulfillment.

Next