Móvil (Flutter · Ionic · React Native)

Los SDKs de iOS, Android, React Native, Flutter e Ionic, y qué flujo cubre cada uno.

Los SDKs móviles de Tonder están disponibles para Flutter, Ionic y React Native, cada uno en variantes Full (UI prediseñada) y Lite (UI personalizada). Todos tokenizan los datos sensibles para que no toquen tus servidores.

Plataformas y requisitos

Plataforma	Full SDK	Lite SDK	Requisitos
Flutter	✅	✅	iOS y Android · requiere configuración de Skyflow Maven
Ionic	✅	✅	Móvil híbrido · requiere el script tag de Skyflow
React Native	✅	✅	RN 0.70+ · React 16.8+ · iOS y Android

Prerrequisitos de plataforma

Flutter: agrega el repositorio Maven de Skyflow en android/build.gradle y habilita AndroidX (android.useAndroidX=true en android/gradle.properties).
Ionic: agrega <script src="https://js.skyflow.com/v1/index.js"></script> al <head> de tu index.html.
Android (Flutter e Ionic): agrega el permiso INTERNET en AndroidManifest.xml:
```
<uses-permission android:name="android.permission.INTERNET" />
```
iOS / macOS (Flutter e Ionic): agrega el entitlement de red en tus archivos .entitlements:
```
<key>com.apple.security.network.client</key>
<true/>
```

Flujo de integración

El flujo es el mismo en las tres plataformas:

POST /api/secure-token/ con tu llave secreta, desde tu backend.

Crea la instancia de checkout con tu apiKey y returnUrl.

Establece los datos del pago y del cliente.

Monta el formulario (Full) o renderiza tu UI propia (Lite).

Inicia el pago cuando el usuario confirma.

Los SDKs reciben webhooks en formato Long y usan la llave pública. No hay orderReference de nivel superior — concilia por metadata.order_id o metadata.external_id.

Siguientes pasos

Referencia SDK · Flutter

Métodos y parámetros del SDK de Flutter.

Referencia SDK · Ionic

Métodos y parámetros del SDK de Ionic.

Referencia SDK · React Native

Métodos y parámetros del SDK de React Native.

Resumen de SDKs

Full vs Lite y el flujo de integración.