Flutter广告集成插件adrop_ads_flutter的使用

当然，以下是如何在Flutter项目中集成并使用adrop_ads_flutter插件的示例代码。这个示例将展示如何初始化插件、加载广告以及展示横幅广告或插屏广告。

1. 添加依赖

首先，你需要在pubspec.yaml文件中添加adrop_ads_flutter插件的依赖：

dependencies:
  flutter:
    sdk: flutter
  adrop_ads_flutter: ^最新版本号 # 请替换为实际发布的最新版本号

然后运行flutter pub get来获取依赖。

2. 初始化插件

在你的Flutter项目的main.dart文件中或者一个单独的初始化文件中，进行插件的初始化。你需要提供你的Adrop广告位的ID和其他必要的配置。

import 'package:flutter/material.dart';
import 'package:adrop_ads_flutter/adrop_ads_flutter.dart';

void main() {
  // 初始化Adrop Ads
  AdropAds.initialize(
    appId: "你的App ID", // 替换为你的Adrop App ID
    bannerAdUnitId: "你的Banner广告位ID", // 替换为你的Banner广告位ID
    interstitialAdUnitId: "你的插屏广告位ID", // 替换为你的插屏广告位ID
    testDevices: ["你的测试设备ID"], // 可选，用于测试广告
    listener: (AdropAdEvent event, Map<String, dynamic> info) {
      // 处理广告事件，例如加载成功、展示失败等
      print("AdropAdEvent: $event, Info: $info");
    },
  );

  runApp(MyApp());
}

class MyApp extends StatelessWidget {
  @override
  Widget build(BuildContext context) {
    return MaterialApp(
      home: AdExampleScreen(),
    );
  }
}

3. 展示横幅广告

在需要展示横幅广告的地方，例如你的主屏幕，你可以使用AdropBanner组件：

import 'package:flutter/material.dart';
import 'package:adrop_ads_flutter/adrop_ads_flutter.dart';

class AdExampleScreen extends StatelessWidget {
  @override
  Widget build(BuildContext context) {
    return Scaffold(
      appBar: AppBar(
        title: Text('Adrop Ads Example'),
      ),
      body: Padding(
        padding: const EdgeInsets.all(16.0),
        child: Column(
          children: <Widget>[
            // 横幅广告
            AdropBanner(
              adUnitId: "你的Banner广告位ID", // 替换为你的Banner广告位ID
              adSize: AdSize.banner, // 或者其他尺寸，如 AdSize.largeBanner, AdSize.mediumRectangle 等
              // 其他可选参数
            ),
            SizedBox(height: 20),
            // 一个按钮，用于展示插屏广告
            ElevatedButton(
              onPressed: () => showInterstitialAd(),
              child: Text('Show Interstitial Ad'),
            ),
          ],
        ),
      ),
    );
  }

  void showInterstitialAd() {
    // 加载并展示插屏广告
    AdropAds.loadInterstitial().then((bool loaded) {
      if (loaded) {
        AdropAds.showInterstitial();
      } else {
        print("Failed to load interstitial ad.");
      }
    });
  }
}

4. 完整代码

将上述代码片段组合起来，你将得到一个可以初始化Adrop Ads并展示横幅广告和插屏广告的Flutter应用：

import 'package:flutter/material.dart';
import 'package:adrop_ads_flutter/adrop_ads_flutter.dart';

void main() {
  AdropAds.initialize(
    appId: "你的App ID",
    bannerAdUnitId: "你的Banner广告位ID",
    interstitialAdUnitId: "你的插屏广告位ID",
    testDevices: ["你的测试设备ID"],
    listener: (AdropAdEvent event, Map<String, dynamic> info) {
      print("AdropAdEvent: $event, Info: $info");
    },
  );

  runApp(MyApp());
}

class MyApp extends StatelessWidget {
  @override
  Widget build(BuildContext context) {
    return MaterialApp(
      home: AdExampleScreen(),
    );
  }
}

class AdExampleScreen extends StatelessWidget {
  @override
  Widget build(BuildContext context) {
    return Scaffold(
      appBar: AppBar(
        title: Text('Adrop Ads Example'),
      ),
      body: Padding(
        padding: const EdgeInsets.all(16.0),
        child: Column(
          children: <Widget>[
            AdropBanner(
              adUnitId: "你的Banner广告位ID",
              adSize: AdSize.banner,
            ),
            SizedBox(height: 20),
            ElevatedButton(
              onPressed: () => showInterstitialAd(),
              child: Text('Show Interstitial Ad'),
            ),
          ],
        ),
      ),
    );
  }

  void showInterstitialAd() {
    AdropAds.loadInterstitial().then((bool loaded) {
      if (loaded) {
        AdropAds.showInterstitial();
      } else {
        print("Failed to load interstitial ad.");
      }
    });
  }
}

确保替换所有示例代码中的广告位ID、App ID和测试设备ID为你的实际值。这样，你就可以在你的Flutter应用中成功集成并使用adrop_ads_flutter插件了。