react-native-applypay-wali
v1.0.0
Published
React Native bridge for Apple Pay
Downloads
1
Maintainers
Readme
react-native-applepay-wali
Getting started
$ yarn add react-native-applepay-wali
Linking
>= 0.60
Autolinking will just do the job.
< 0.60
Mostly automatic installation
$ react-native link react-native-applepay-wali
CocoaPods
Link using Cocoapods by adding this to your Podfile
:
pod 'RNApplePay', :path => '../node_modules/react-native-applepay-wali'
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-applepay-wali
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-applepay-wali";
const requestData = {
merchantIdentifier: "merchant.com.example",
supportedNetworks: ["mastercard", "visa", "mada"],
countryCode: "SA",
currencyCode: "SAR",
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