react native React Native IAP Possible Unhandled Promise Rejection (id: 1): "\"skus\" is required" 问题

Question

我安装并链接了 React Native React Native IAP，并在创建订阅产品 ID 之后在 Play 商店上传了应用程序但是当我请求获取订阅时，我收到了这个错误

错误

订阅产品编号

const items = Platform.select({
  ios: [
    'dev.products.gas',
    'dev.products.premium',
    'dev.products.gold_monthly',
    'dev.products.gold_yearly',
  ],
  android: ['dev.products.gas',
  'dev.products.premium',
  'dev.products.gold_monthly',
  'dev.products.gold_yearly',],
});


import React, { useEffect } from 'react';
import { View, Text, Button, Platform } from 'react-native';
import { requestPurchase, useIAP } from 'react-native-iap';

const ParchesCode = () => {
  const {
    connected,
    products,
    promotedProductsIOS,
    subscriptions,
    purchaseHistories,
    availablePurchases,
    currentPurchase,
    currentPurchaseError,
    initConnectionError,
    finishTransaction,
    getProducts,
    getSubscriptions,
    getAvailablePurchases,
    getPurchaseHistories,
  } = useIAP();

  const handlePurchase = async (sku) => {
    await requestPurchase({ sku });
  };

  useEffect(() => {
    // ... listen to currentPurchaseError, to check if any error happened
  }, [currentPurchaseError]);

  useEffect(() => {
    // ... listen to currentPurchase, to check if the purchase went through
  }, [currentPurchase]);

  return (
    <View style={{ flex: 1, }}>
      <Button
        title="Get the products"
        onPress={() => getSubscriptions(items)}
      />

      {subscriptions.map((product) => (
        <View key={product.productId}>
          <Text>{product.productId}</Text>

          <Button
            title="Buy"
            onPress={() => handlePurchase(product.productId)}
          />


        </View>
      ))}
      <Text>{JSON.stringify(connected)}</Text>
      <Text>{JSON.stringify(connected)}</Text>
    </View>
  );
};

export default ParchesCode;

当我调用 getSubscriptions() function 时，我没有获得订阅。调用此函数后我需要结果，但我收到这样的错误 -> 可能未处理 Promise 拒绝（id：0）：需要 skus

Answer 1

这是工作示例。 问题是由于代码更改引起的，但文档未更新。

这是产品列表。 该代码仅适用于 iOS。

import {requestPurchase, useIAP, withIAPContext} from 'react-native-iap';
    const myProducts = [
      'product.example.1',
      'product.example.2',
    ];
const InAppPurchaseScreen = ({navigation}) => {
     useEffect(() => {
           getProductsAndPurchases();
     }, []);
    const getProductsAndPurchases = async () => {
       try {
         await getProducts({skus: myProducts});
       } catch (error) {
         //console.log("Products error: ", error)
       }
    };

}
export default withIAPContext(InAppPurchaseScreen);

Answer 2

对于 Android，这里是最新版本的 react-native-iap 的工作示例。

import {  initConnection, getSubscriptions, requestSubscription } from 'react-native-iap';

const products = ['example_799_1m', 'example_1100_3m'];

useEffect(() => {
 initConnection()
  .catch(() => {
    console.log('error connecting to store...');
  })
  .then(() => {
    getSubscriptions({skus: products})
      .catch(() => {
        console.log('error finding products');
      })
      .then(res => {
        console.log('products with offerToken', res);
        // store/handle response
      });
  });
}, []);

const handleRequestSubscription = () => {
   requestSubscription({
      sku: productId,
      ...(offerToken && {
         subscriptionOffers: [
           {
             sku: productId,          // as a string
             offerToken: offerToken,  // as a string
           },
         ],
      }),
    })
    .catch(err => {
       console.log('error buying product', err);
     })
    .then(async res => {
      console.log('request subscription ',JSON.stringify(res));
      // handle/store response
    });
}

• “react-native-iap”：“^12.4.12”，
• 反应本机：0.70.6