In App Purchases (IAP) are an essential part of many mobile applications. They are used to offer extra content or features to users in exchange for a payment. Flutter is a popular mobile app development framework that has many built-in features for creating IAPs. In this tutorial, we will show you how to add In App Purchases to your Flutter project.

![flutter in app purchases iap](https:&#x2F;&#x2F;devbrite.io&#x2F;media&#x2F;cover10.jpg)
## Setting up the Flutter Project
Before you can add In App Purchases to your Flutter project, you will need to set up the project. This includes installing the Flutter SDK, setting up a Flutter project, and adding the necessary packages.

### Installing the Flutter SDK
The first step is to install the Flutter SDK. You can find the installation instructions [here](https:&#x2F;&#x2F;flutter.dev&#x2F;docs&#x2F;get-started&#x2F;install).

### Setting up a Flutter Project
Once you have installed the Flutter SDK, you can create a new project by running the following command in your terminal:

&#96;&#96;&#96;
flutter create my_project
&#96;&#96;&#96;

This will create a new Flutter project in the &#96;my_project&#96; directory.

### Adding the Necessary Packages
Next, you will need to add the necessary packages to your project. You can do this by running the following command in the &#96;my_project&#96; directory:

&#96;&#96;&#96;
flutter pub get
&#96;&#96;&#96;

This will install all the necessary packages needed for your project.

## Installing in_app_purchase
The next step is to install the &#96;in_app_purchase&#96; package. This package provides all the necessary tools for adding In App Purchases to your Flutter project. You can install the package by running the following command in the &#96;my_project&#96; directory:

&#96;&#96;&#96;
flutter pub add in_app_purchase
&#96;&#96;&#96;

## Building the In App Purchases UI
Once you have installed the &#96;in_app_purchase&#96; package, you can start building the In App Purchases UI. This includes creating the necessary screens and buttons for allowing users to purchase items.

You can create a &#96;PurchaseScreen&#96; widget to display the list of items available for purchase. This widget should include a &#96;ListView&#96; for displaying the items, and a &#96;RaisedButton&#96; for allowing users to purchase the item.

&#96;&#96;&#96;dart
class PurchaseScreen extends StatelessWidget {
  @override
  Widget build(BuildContext context) {
    return Scaffold(
      appBar: AppBar(
        title: Text(&#x27;In App Purchases&#x27;),
      ),
      body: ListView(
        children: &lt;Widget&gt;[
          ListTile(
            title: Text(&#x27;Item 1&#x27;),
            trailing: RaisedButton(
              child: Text(&#x27;Purchase&#x27;),
              onPressed: () {
                &#x2F;&#x2F; Handle purchase here
              },
            ),
          ),
          ListTile(
            title: Text(&#x27;Item 2&#x27;),
            trailing: RaisedButton(
              child: Text(&#x27;Purchase&#x27;),
              onPressed: () {
                &#x2F;&#x2F; Handle purchase here
              },
            ),
          ),
        ],
      ),
    );
  }
}
&#96;&#96;&#96;

## Adding In App Purchases to the Flutter Project
Now that you have created the UI for the In App Purchases, you can start adding the necessary code for handling the purchases. This includes setting up the necessary callbacks and connecting to the payment gateway.

### Setting up the Callbacks
The first step is to set up the necessary callbacks for handling the purchases. This includes the &#96;onPurchaseSuccess&#96; and &#96;onPurchaseError&#96; callbacks. These callbacks will be called when the purchase is successful or fails respectively.

&#96;&#96;&#96;dart
void onPurchaseSuccess(PurchaseDetails purchaseDetails) {
  &#x2F;&#x2F; Handle successful purchase
}

void onPurchaseError(PurchaseError purchaseError) {
  &#x2F;&#x2F; Handle purchase error
}
&#96;&#96;&#96;

### Connecting to the Payment Gateway
The next step is to connect to the payment gateway. You can use the &#96;InAppPurchaseConnection&#96; class to connect to the payment gateway. This class provides all the necessary methods for connecting and querying the payment gateway.

&#96;&#96;&#96;dart
InAppPurchaseConnection _iap = InAppPurchaseConnection.instance;

Future&lt;void&gt; connectToPaymentGateway() async {
  bool isAvailable = await _iap.isAvailable();
  if (!isAvailable) {
    throw PlatformException(
        code: &#x27;not_available&#x27;,
        message: &#x27;The payment gateway is not available&#x27;);
  }
  _iap.connect();
}
&#96;&#96;&#96;

## Handling Different Purchase Types in Flutter
Once you have connected to the payment gateway, you can start handling different types of purchases. This includes one-time purchases, subscription purchases, and consumable purchases.

### One-Time Purchases
One-time purchases are purchases that are made once and do not require any further payments. To make a one-time purchase, you can use the &#96;buyNonConsumable&#96; method. This method takes the product identifier as an argument and returns a &#96;PurchaseDetails&#96; object.

&#96;&#96;&#96;dart
Future&lt;PurchaseDetails&gt; buyNonConsumable(String productId) async {
  PurchaseDetails purchaseDetails =
      await _iap.buyNonConsumable(productId);
  return purchaseDetails;
}
&#96;&#96;&#96;

### Subscription Purchases
Subscription purchases are purchases that require recurring payments. To make a subscription purchase, you can use the &#96;buySubscription&#96; method. This method takes the product identifier and the subscription period as arguments and returns a &#96;PurchaseDetails&#96; object.

&#96;&#96;&#96;dart
Future&lt;PurchaseDetails&gt; buySubscription(
    String productId, Duration period) async {
  PurchaseDetails purchaseDetails =
      await _iap.buySubscription(productId, period);
  return purchaseDetails;
}
&#96;&#96;&#96;

### Consumable Purchases
Consumable purchases are purchases that can be used multiple times. To make a consumable purchase, you can use the &#96;buyConsumable&#96; method. This method takes the product identifier and the number of items to purchase as arguments and returns a &#96;PurchaseDetails&#96; object.

&#96;&#96;&#96;dart
Future&lt;PurchaseDetails&gt; buyConsumable(
    String productId, int quantity) async {
  PurchaseDetails purchaseDetails =
      await _iap.buyConsumable(productId, quantity);
  return purchaseDetails;
}
&#96;&#96;&#96;

## Consuming In App Purchases in Flutter
Once a user has purchased an item, you will need to consume it. This is necessary for consumable purchases, as they can be used multiple times. To consume a purchase, you can use the &#96;consumePurchase&#96; method. This method takes the purchase token as an argument and returns a &#96;PurchaseDetails&#96; object.

&#96;&#96;&#96;dart
Future&lt;PurchaseDetails&gt; consumePurchase(String purchaseToken) async {
  PurchaseDetails purchaseDetails =
      await _iap.consumePurchase(purchaseToken);
  return purchaseDetails;
}
&#96;&#96;&#96;

## Restoring In App Purchases in Flutter
You may also need to restore In App Purchases if a user has deleted and reinstalled the app. To restore purchases, you can use the &#96;restorePurchases&#96; method. This method takes no arguments and returns a list of &#96;PurchaseDetails&#96; objects.

&#96;&#96;&#96;dart
Future&lt;List&lt;PurchaseDetails&gt;&gt; restorePurchases() async {
  List&lt;PurchaseDetails&gt; purchaseDetailsList =
      await _iap.restorePurchases();
  return purchaseDetailsList;
}
&#96;&#96;&#96;

## Running the Flutter Project
Once you have added In App Purchases to your Flutter project, you can run the project by running the following command in the &#96;my_project&#96; directory:

&#96;&#96;&#96;
flutter run
&#96;&#96;&#96;

This will build the app and launch it on your device or emulator. You can then test the In App Purchases by making purchases in the app.

## Conclusion
In this tutorial, we have shown you how to add In App Purchases to your Flutter project. We have covered setting up the project, installing the necessary packages, building the UI, and handling different types of purchases. We have also shown you how to consume and restore purchases in Flutter.

How To Add In App Purchases (IAP) in Flutter

About

Legal

Products

Resources

Category: