Razorpay sucessCallBack() 后 React Native 应用程序关闭

Question

整个付款都正确完成。这是代码： '''

    const that = this;
    function makePayment(){
                   var options = {
                    description: 'Bank payment',
                    currency: 'INR',
                    key: 'xxx',
                    amount: that.state.amount_razorpay,
                    name: 'xyz',
                    order_id: that.state.id,
                    prefill: {
                    email: 'xxx@gmail.con',
                    contact: '123',
                    name: 'XYZ'
                        },
                    theme: {color: '#53a20e'}
                    }          
                RazorpayCheckout.open(options,razr_successCallback,razr_errorCallback)                 
    }

    function razr_successCallback(data){
        console.log('success',data.razorpay_payment_id);
        that.setState({razr_Status:"SUCCESS"});
        that.setState({razr_txnId:data.razorpay_payment_id});
       // that.props.navigation.navigate('Secured');


    }

    function razr_errorCallback(data){
        console.log('failure',data);

    }

'''

razr_successCallback() 的控制台给出了正确的结果{"razorpay_payment_id": "pay_Eby2FPTakKuSrz"}，但应用程序立即退出，没有导航回支付页面。我什至尝试过that.props.navigation.navigate('Secured')，但付款页面仍然没有重定向。有什么问题？

编辑 1：

'''

    RazorpayCheckout.open(options)
                    .then(async data => 
                        await razr_successCallback(data);
                      })
                    .catch(error => {
                      console.log("payment error", error);

                    });


     async function razr_successCallback(data){
        console.log(data);
         that.props.navigation.goBack();   
    }

'''

仍然面临同样的问题

Answer 1

这会返回一个承诺，试试这个方法：

RazorpayCheckout.open(options)
      .then(data => {
              // handle success
             razr_successCallback(data);
            })
      .catch(error => {
        console.log("payment error", error);
        
      });

在我的情况下：

const razorpayOpenModal = (razorpay_id, currency) => {
    let options = {
      description: "Credits towards consultation",
      image: images.logo,
      currency: currency,
      order_id: razorpay_id,
      key: RAZOPAY_KEY,
      amount: totalAmount * 100,
      external: {
        wallets: ["paytm"]
      },
      name: "MyApp.jo",
      prefill: {
        email: userFromCtxt && userFromCtxt.email,
        contact: userFromCtxt && userFromCtxt.phone,
        name: userFromCtxt
          ? userFromCtxt.first_name + " " + userFromCtxt.last_name
          : ""
      },
      theme: { color: color.primaryHeaderColor }
    };
    RazorpayCheckout.open(options)
      .then(async data => {
        setPaymentId(data.razorpay_payment_id);
        await setShowModel(true);
      })
      .catch(error => {
        console.log("payment error", error)
      });
  };

然后在模型上：

 <MessageModal
        button={true}
        primaryMessage={primaryText}
        secondaryMessage={secondaryText}
        visible={modalVisible}
        transactionResp={transactionResp}
        closeModal={async () => {
          setModalVisible(false);
          await props.navigation.navigate("Home");
        }}
        buttonText={"Continue"}
        image={transactionResp ? images.success : null}
        onPressButton={async () => {
          setModalVisible(false);
          await props.navigation.navigate("Home");
        }}
      />