react-native
  1. react-native-iap-in-app-purchases
PreviousNext

React-Native IAP (In-App Purchases)

Syntax

React-Native IAP is a library that provides an easy-to-use interface for handling in-app purchases in React Native applications. To use React-Native IAP, install it using npm or yarn:

npm install react-native-iap --save

import * as RNIap from 'react-native-iap';

// Initialize IAP
async function initIAP() {
  const products = await RNIap.getProducts(['product_1', 'product_2']);
  console.log(products);
}

// Purchase a product
async function purchaseProduct(productId) {
  try {
    const purchase = await RNIap.requestPurchase(productId);
    console.log(purchase);
  } catch (error) {
    console.log(error.code, error.message);
  }
}

Example

import * as RNIap from 'react-native-iap';
import React, { useState } from 'react';
import { View, Text, Button } from 'react-native';

function App() {
  const [products, setProducts] = useState([]);

  async function initIAP() {
    const items = await RNIap.getProducts(['product_1', 'product_2']);
    setProducts(items);
  }

  async function purchaseProduct(productId) {
    try {
      await RNIap.requestPurchase(productId);
      alert('Purchase successful!');
    } catch (error) {
      console.log(error.code, error.message);
      alert('Purchase failed. Please try again later.');
    }
  }

  return (
    <View>
      {products.map((product) => (
        <View key={product.productId}>
          <Text>{product.title}</Text>
          <Text>{product.description}</Text>
          <Text>{product.price}</Text>
          <Button title="Buy" onPress={() => purchaseProduct(product.productId)} />
        </View>
      ))}
      <Button title="Load Products" onPress={initIAP} />
    </View>
  );
}

export default App;

Output

When a user successfully purchases a product using React-Native IAP, an object containing information about the purchase will be returned. If an error occurs during the purchase process, an error message will be logged to the console and/or displayed to the user.

Explanation

React-Native IAP provides an easy-to-use interface for handling in-app purchases in React Native applications. With React-Native IAP, developers can easily retrieve information about available products, purchase products, and verify purchases.

React-Native IAP is cross-platform and works on both iOS and Android devices.

Use

React-Native IAP can be used to handle all aspects of in-app purchases, including product information, purchase requests, and receipt verification.

Some common use cases for React-Native IAP include:

  • Retrieving a list of available products for purchase
  • Handling user purchases and verifying receipts
  • Managing subscriptions and recurring payments

Important Points

  • React-Native IAP is a cross-platform library that works on both iOS and Android devices.
  • React-Native IAP supports various payment methods including Apple Pay, Google Play, and others.
  • Purchases made using React-Native IAP can be verified to ensure security and prevent fraud.

Summary

React-Native IAP is a powerful library for handling in-app purchases in React Native applications. With support for various payment methods, receipt verification, and subscription management, React-Native IAP can be used to handle all aspects of in-app purchases.

SoundLocalization
Published on: