Overview
The React Native SDK is currently designed for use with Bolt Embeddable Checkout. See the Embeddable Checkout API Reference for full backend API documentation.
@boltpay/react-native) provides everything you need to accept payments in your React Native app: credit card tokenization, 3D Secure verification, Apple Pay, and Google Pay: all integrated with Bolt Embeddable Checkout.
| Feature | How it works |
|---|---|
| Credit Card & 3DS | WebView-based, loading secure pages from connect.bolt.com. Card data never touches your app (PCI compliant). |
| Apple Pay | Native PKPaymentButton on iOS via a Fabric view component, with a TurboModule for the payment sheet. |
| Google Pay | Native PayButton on Android via a Fabric view component, with a TurboModule for the payment sheet. |
Installation
Install the SDK and its peer dependency:Requirements
| Dependency | Minimum Version |
|---|---|
| React Native | >= 0.73.0 |
| React | >= 18.0.0 |
| react-native-webview | >= 13.0.0 |
Quick Start
1. Initialize Bolt
Create aBolt client instance and wrap your app with the BoltProvider context:
2. Accept a Payment
From here, choose the payment method that fits your use case:- Credit Card Payments: Tokenize card details and handle 3D Secure challenges.
- Apple Pay: Accept Apple Pay on iOS devices.
- Google Pay: Accept Google Pay on Android devices.
- Styling: Customize the look and feel of Bolt components.
- API Reference: Full reference for all exports, props, types, and error codes.
Example App
The SDK repository includes a full checkout demo in theexample/ directory. To run it: