expo-in-app-purchases订阅时setPurchaseListener内方法多次触发问题

问题根本原因 #

导致processNewPurchase逐次累加调用的核心原因是IAP购买监听器重复注册且未正确清理，具体可拆解为以下两点：

• 你在<IAPManagerWrapped>组件内注册setPurchaseListener时，没有在组件卸载时销毁已注册的监听器。如果上层的<Auth>组件、全局状态变化触发了<IAPManagerWrapped>重新挂载，每次挂载都会新增一个监听器实例，同一个购买事件会被所有已注册的监听器同时触发回调，调用次数和监听器注册次数完全匹配，符合你所说的逐次加1的现象。
• expo-in-app-purchases 的setPurchaseListener调用后会返回一个监听器移除函数，你没有调用该函数清理旧监听器，导致监听器实例持续堆积。

其他可能触发重复调用的次要原因 #

• finishTransactionAsync调用时机靠后：你当前在await processNewPurchase执行完成后才调用结束交易的方法，如果processNewPurchase内部出现异常、或者异步执行耗时过长，会导致交易未被正常标记为结束，expo IAP会在下次触发监听器时把未结束的交易再次返回，重复触发处理逻辑。
• 历史未处理交易堆积：过往测试过程中产生的未完成交易没有被清理，每次监听器触发时都会被连带返回，叠加到当前交易的处理队列中。

修复方案 #

1. 修正监听器的注册与清理逻辑，在IAPManagerWrapped组件的useEffect中完成注册，卸载时主动移除监听器：

// IAPManagerWrapped 组件内部代码
useEffect(() => {
  // 注册监听器，获取移除方法
  const removePurchaseListener = InAppPurchases.setPurchaseListener(
    ({ responseCode, results, errorCode }) => {
      // 你原有的回调逻辑保持不变
      if (responseCode === InAppPurchases.IAPResponseCode.OK) {
        results.forEach(async (purchase) => {
          if (!purchase.acknowledged) {
            await processNewPurchase(purchase)
            await InAppPurchases.finishTransactionAsync(purchase, true)
          }
        })
      }
      // 其余错误处理逻辑不变
      setProcessing(false)
    }
  )

  // 组件卸载时移除监听器，避免重复注册
  return () => {
    removePurchaseListener()
    // 可选：清理历史失败的交易
    InAppPurchases.flushFailedPurchasesAsync()
  }
}, []) // 空依赖保证仅在组件首次挂载时注册一次

2. 新增购买记录去重机制，避免同一交易被重复处理：

// 在IAPManagerWrapped组件内添加全局已处理交易缓存
const processedPurchaseIds = useRef(new Set())

// 在处理购买的逻辑中新增判断
results.forEach(async (purchase) => {
  const purchaseId = purchase.orderId || purchase.transactionId
  if (!purchase.acknowledged && !processedPurchaseIds.current.has(purchaseId)) {
    processedPurchaseIds.current.add(purchaseId)
    await processNewPurchase(purchase)
    await InAppPurchases.finishTransactionAsync(purchase, true)
  }
})

3. 应用初始化时主动调用InAppPurchases.getPurchaseHistoryAsync()处理所有历史未完结交易，避免堆积。

内容的提问来源于stack exchange，提问作者John Stuart