Mobile (Flutter · Ionic · React Native)

The iOS, Android, React Native, Flutter and Ionic SDKs, and which flow each one covers.

Tonder's mobile SDKs are available for Flutter, Ionic, and React Native, each in Full (pre-built UI) and Lite (custom UI) variants. All of them tokenize sensitive data so it never touches your servers.

Platforms and requirements

Platform	Full SDK	Lite SDK	Requirements
Flutter	✅	✅	iOS & Android · Skyflow Maven config required
Ionic	✅	✅	Hybrid mobile · Skyflow script tag required
React Native	✅	✅	RN 0.70+ · React 16.8+ · iOS & Android

Platform prerequisites

Flutter: add the Skyflow Maven repository in android/build.gradle and enable AndroidX (android.useAndroidX=true in android/gradle.properties).
Ionic: add <script src="https://js.skyflow.com/v1/index.js"></script> to the <head> of your index.html.
Android (Flutter and Ionic): add the INTERNET permission in AndroidManifest.xml:
```
<uses-permission android:name="android.permission.INTERNET" />
```
iOS / macOS (Flutter and Ionic): add the network client entitlement to your .entitlements files:
```
<key>com.apple.security.network.client</key>
<true/>
```

Integration flow

The flow is the same across all three platforms:

POST /api/secure-token/ with your secret key, from your backend.

Create the checkout instance with your apiKey and returnUrl.

Set the payment and customer data.

Mount the form (Full) or render your own UI (Lite).

Start the payment when the user confirms.

SDKs receive webhooks in Long format and use the public API key. There is no top-level orderReference — reconcile on metadata.order_id or metadata.external_id.

Next steps

SDK Reference · Flutter

Flutter SDK methods and parameters.

SDK Reference · Ionic

Ionic SDK methods and parameters.

SDK Reference · React Native

React Native SDK methods and parameters.

SDKs overview

Full vs Lite and the integration flow.