在 react native 中的 paytm 集成中重定向回应用程序

如何解决在 react native 中的 paytm 集成中重定向回应用程序

我正在尝试将 paytm 集成到 React Native 中。但问题是当我点击支付按钮（调用 call_api）但然后处理屏幕即将到来并且应用程序突然导航到我定义支付按钮的当前屏幕时。请帮忙这是我的代码

call_api = () => {
    fetch("https://XXXXXXXXXXXXXXX",{
      method: "POST",headers: {
        Accept: "application/json,text/plain,*/*","Content-Type": "application/json",},body: JSON.stringify([
        {
          mobile_no: "XXXXXx",user_id: "XX",patient_name: "XXXx",]),})
      .then((returnValue) => returnValue.json())

      .then((response) => {
        console.log("this checksum api esponse" + JSON.stringify(response));

        this.setState({ order_id: response[0].data.order_id });
        this.setState({ checksum: response[0].data.checksumhash });

        this.pay();
      });
  };



  pay = () => {
    const details = {
      //mode: "Production",// 'Staging' or 'Production'
      mode: "Production",MID: "XXXXXXXXXXXXXXX",INDUSTRY_TYPE_ID: "Retail",WEBSITE: "APPSTAGING",CHANNEL_ID: "WAP",TXN_AMOUNT: "1",// String
      ORDER_ID: this.state.order_id,// String
      // EMAIL: email,// String
      // MOBILE_NO: mobile,// String
      CUST_ID: "CUSTOMER_1",// String
      CHECKSUMHASH: `${this.state.checksum}`,//From your server using PayTM Checksum Utility
       CALLBACK_URL:
         "https://securegw.paytm.in/theia/paytmCallback?ORDER_ID=" +
         `${this.state.order_id}`,// CALLBACK_URL: `https://securegw-stage.paytm.in/theia/paytmCallback?ORDER_ID=<${this.state.order_id}>`,};
    Paytm.startPayment(details);
    console.log(details);
  };

解决方法

请确保您的设备上安装了 Paytm Staging 应用。您可以从 Paytm Developer Portal 上提到的链接获得相同的内容