Practical overview
When it fits
Use it when a React Native app needs to accept payments through Lazerpay and the team can supply the required merchant key and payment configuration.
Who it is for
- React Native developers adding Lazerpay checkout to a mobile application
- App teams configuring payment details and handling transaction callbacks
Documented uses
- Add a Lazerpay payment component to a mobile checkout
- Pass customer details, currency, amount, and optional transaction metadata
- Handle success, error, and close events in app code
Requirements & limits
The repository is public and lists an MIT license.
- The README requires the clipboard package and React Native WebView in addition to the SDK.
- iOS setup includes running pod install; Expo has a separate install instruction.
- The documented payment props include a business logo URL and success, error, and close handlers.
- The README says to change the reference after a successful partial payment before reinitializing.
Check current requirements in the official documentation. Source-based guidance does not mean OpenViST has run or independently tested this project.
Prepare the SDK in a React Native project
Install the SDK and its stated dependencies, including the documented iOS setup step.
Before you start
- A React Native project using Yarn
- For iOS, the project’s iOS directory and CocoaPods setup
Steps
Install lazerpay-react-native and @react-native-clipboard/clipboard with Yarn.
Install react-native-webview with Yarn.
For iOS, run pod install from the iOS directory, then return to the project root.
Expected outcome
The README’s listed SDK dependencies are installed, with the additional pod step completed for iOS.
Guide limitations
- The instructions do not cover configuring keys or testing a transaction.
- The README gives Expo a separate installation instruction: expo install lazerpay-react-native.
Configure the payment component in a checkout
Supply the documented payment props and connect the SDK’s display and transaction callbacks.
Before you start
- The installed SDK
- A Lazerpay public key from dashboard settings
- Customer name and email, accepted fiat currency, amount, business logo URL, and success, error, and close handlers
Steps
Import Lazerpay from lazerpay-react-native.
Provide the public key, customer details, currency, amount, business logo, and required event handlers to the component.
Control display with the required openSDK boolean; add optional metadata, reference, or partial-payment configuration as needed.
Expected outcome
The app has a configured Lazerpay component that can be shown or hidden and can pass transaction events to app handlers.
Guide limitations
- The README does not detail payment-method selection or transaction behavior beyond the listed props and event response.
- After a successful partial payment, the reference must be updated before reinitializing.
Sources & review
Source record details
- Source availability
- Active
- Sources checked
- 16 October 2026
- Original website title
- LazerpayHQ/lazerpay-react-native · Official homepage title · retained in its source language