razorpay / react-native-razorpay

React Native wrapper for Razorpay's mobile SDKs
https://www.npmjs.com/package/react-native-razorpay
MIT License
121 stars 107 forks source link

Getting blank white screen in release apk [works fine in debug mode] #458

Closed avtarprajapati closed 10 months ago

avtarprajapati commented 10 months ago

Description

I am using react-native-razorpay version 2.3.0. facing two issues simultaneously on release apk. 1) On click of close icon of razorpay sdk geting blank white screen. 2) And after failed transaction getting same blank white screen.

Issue in android release apk

On IOS :-

Razorpay Package Version :

"react-native-razorpay": "^2.3.0"

Xcode Version (iOS) :

Xcode Version 14.3.1

Razorpay-pod version (iOS) :

PODS:

Java and Gradle Version (android) :

OpenJDK 11.0.18 Gradle: 7.3.1

What you did:

I am trying to implement netbanking and UPI method based on selection by users.

What happened:

1)

image-20230907-105342

2) UPI Failure

UPI failed go back

image-20230907-105342

Steps To Reproduce

Provide a detailed list of steps that reproduce the issue.

  1. Click on close icon of razorpay sdk getting blank white screen
  2. And after failed transaction it will come to go back screen then click on go back getting same blank white screen.

Code sample:

first we generate order id by our backend server requesting orderRequst

 const orderRequestBody = {
        amount: amount,
        method: selectOption === 'UPI' ? 'upi' : 'netbanking',
        currency: 'INR',
        receipt: receiptNumber,
        payment_capture: '1',
        account_number: bankAccountNumber,
        name: bankName,
        ifsc: ifsc.toUpperCase(),
        isTPV: true,
    };

after this we will get order id pass into razorpay option of sdk

const razorPayOptions = {
    currency: 'INR',
    key: RAZORPAY_TRANSACTION_KEY,
    amount: amount * 100,
    name: '',
    description: '',
    retry: false,
    image: '',
    order_id: orderId,
    notes: {
        ChildOrderId: '',
        Amount: amount,
        BucketID: receiptNumber,
    },
    theme: { color: '#3399cc' },
    modal: {
        ondismiss: function () {
           console.log('failure screen show')
        },
    },
    hidden: {
        email: true,
        contact: true,
    },
};