1.x | 2.x |
---|---|
Android support | AndroidX support |
$ yarn add rn-gpay
Autolinking will just do the job.
$ react-native link rn-gpay
- Open up
android/app/src/main/java/[...]/MainActivity.java
- Add
import com.busfor.RNGooglePayPackage;
to the imports at the top of the file - Add
new RNGooglePayPackage()
to the list returned by thegetPackages()
method
- Append the following lines to
android/settings.gradle
:include ':rn-gpay' project(':rn-gpay').projectDir = new File(rootProject.projectDir, '../node_modules/rn-gpay/android')
- Insert the following lines inside the dependencies block in
android/app/build.gradle
:implementation project(':rn-gpay')
To enable Google Pay in your app, you need to add the following Google Pay API meta-data element to the <application>
element of your project's AndroidManifest.xml file.
<meta-data
android:name="com.google.android.gms.wallet.api.enabled"
android:value="true" />
import { GooglePay } from 'rn-gpay'
const allowedCardNetworks = ['VISA', 'MASTERCARD']
const allowedCardAuthMethods = ['PAN_ONLY', 'CRYPTOGRAM_3DS']
const requestData = {
cardPaymentMethod: {
tokenizationSpecification: {
type: 'PAYMENT_GATEWAY',
// stripe (see Example):
gateway: 'stripe',
gatewayMerchantId: '',
stripe: {
publishableKey: 'pk_test_TYooMQauvdEDq54NiTphI7jx',
version: '2018-11-08',
},
// other:
gateway: 'example',
gatewayMerchantId: 'exampleGatewayMerchantId',
},
allowedCardNetworks,
allowedCardAuthMethods,
},
transaction: {
totalPrice: '10',
totalPriceStatus: 'FINAL',
currencyCode: 'USD',
},
merchantName: 'Example Merchant',
}
// Set the environment before the payment request
GooglePay.setEnvironment(GooglePay.ENVIRONMENT_TEST)
// Check if Google Pay is available
GooglePay.isReadyToPay(allowedCardNetworks, allowedCardAuthMethods).then((ready) => {
if (ready) {
// Request payment token
GooglePay.requestPayment(requestData)
.then((token: string) => {
// Send a token to your payment gateway
})
.catch((error) => console.log(error.code, error.message))
}
})
You can run the demo by cloning the project and running:
$ yarn demo