react-native-iap showing empty popup when adding new payment method

Question

I have a problem, can anyone help?

I'm using react-native-iap for my app. iOS is working well but for android, on beta and store versions, the UI is strange.

When there is no payment method yet, if the user chooses a payment method, an empty popup shows instead of the credit card info input form.

THis is my code of showing payment request

const _requestPurchase = async () => {
    const sku = selected.production_id
    try {
      showCustomDialog(
        <ActivityIndicator color={color.palette.black} size={"large"} />,
        { transparentBackDrop: true },
      )
      const products = await getProducts({ skus: [sku] })
      if (products.length > 0) {
        await requestPurchase({
          sku,
        })
        hideCustomDialog()
      } else {
        hideCustomDialog()
        showIAPDialog(selected.price_diamond, false)
        setSelected(null)
        packageSelected.current = null
      }
    } catch (err) {
      hideCustomDialog()
      showIAPDialog(selected.price_diamond, false)
      setSelected(null)
      packageSelected.current = null
    }
  }

function hideCustomDialog() {
  const sibling = siblings.pop()
  sibling && sibling.destroy()
}

eric long · Accepted Answer · 2022-12-21 03:56:41Z

0

I found out the reason.

It is because of the setting from the in-app product page, we did not provide prices for all countries, then for empty price countries, the blank popup will be shown up. After clicking "Update exchange rates" and then saving, all things are fine now.

answered Dec 21, 2022 at 3:56

eric long

6605 silver badges17 bronze badges

Sign up to request clarification or add additional context in comments.

Collectives™ on Stack Overflow

react-native-iap showing empty popup when adding new payment method

1 Answer 1

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

Comments

Your Answer

Sign up or log in

Post as a guest

Related