react-native-apay
v1.3.1
Published
React Native bridge for Apple Pay
Downloads
1,331
Maintainers
Readme
react-native-apay
Accept Payments with Apple Pay for React Native apps.
Getting started
$ yarn add react-native-apay
Linking
>= 0.60
Autolinking will just do the job.
< 0.60
Mostly automatic installation
$ react-native link react-native-apay
CocoaPods
Link using Cocoapods by adding this to your Podfile
:
pod 'RNApplePay', :path => '../node_modules/react-native-apay'
Manual installation
iOS
- In XCode, in the project navigator, right click
Libraries
➜Add Files to [your project's name]
- Go to
node_modules
➜react-native-apay
and addRNApplePay.xcodeproj
- In XCode, in the project navigator, select your project. Add
libRNApplePay.a
to your project'sBuild Phases
➜Link Binary With Libraries
- Run your project (
Cmd+R
)<
Usage
import { ApplePay } from 'react-native-apay';
const requestData = {
merchantIdentifier: 'merchant.com.example',
supportedNetworks: ['mastercard', 'visa'],
countryCode: 'US',
currencyCode: 'USD',
paymentSummaryItems: [
{
label: 'Item label',
amount: '100.00',
},
],
}
// Check if ApplePay is available
if (ApplePay.canMakePayments) {
ApplePay.requestPayment(requestData)
.then((paymentData) => {
console.log(paymentData);
// Simulate a request to the gateway
setTimeout(() => {
// Show status to user ApplePay.SUCCESS || ApplePay.FAILURE
ApplePay.complete(ApplePay.SUCCESS)
.then(() => {
console.log('completed');
// do something
});
}, 1000);
});
};
Demo
You can run the demo by cloning the project and running:
$ yarn demo