Flutter订阅管理与UI展示插件adapty_ui_flutter的使用

Adapty UI

Adapty UI

AdaptyUI 是一个开源框架，作为 Adapty SDK 的扩展，允许你轻松地在应用中添加购买屏幕。它是 100% 开源、原生且轻量级的。

1. 获取付费墙与视图配置

付费墙可以通过以下方式获取：

import 'package:adapty_flutter/adapty_flutter.dart';

try {
  final paywall = await Adapty().getPaywall(id: paywallId);
} on AdaptyError catch (adaptyError) {
  // 处理错误
} catch (e) {
  // 处理其他错误
}

获取付费墙后，调用 AdaptyUI.createPaywallView() 方法来组装视图：

import 'package:adapty_ui_flutter/adapty_ui_flutter.dart';

try {
  final view = await AdaptyUI().createPaywallView(paywall: paywall, locale: 'en');
} on AdaptyError catch (e) {
  // 处理错误
} catch (e) {
  // 处理其他错误
}

2. 展示视觉付费墙

为了在设备屏幕上显示视觉付费墙，只需简单地调用视图对象的 .present() 方法：

try {
  await view.present();
} on AdaptyError catch (e) {
  // 处理错误
} catch (e) {
  // 处理其他错误
}

3. 完整文档和下一步

我们建议你阅读 完整文档。如果你不熟悉 Adapty，可以从 这里 开始。

贡献

• 如果你有任何问题，可以随时打开一个 issue，我们会检查所有问题，或者发送邮件到 support@adapty.io 并告诉我们你的需求。
• 想要建议一个功能？请联系我们或在仓库中打开一个 issue。

喜欢 AdaptyUI？

我们也很喜欢！请给我们的仓库点个星 ⭐️⭐️⭐️，让我们的开发者开心！

许可证

AdaptyUI 采用 MIT 许可证。点击这里 查看详细信息。

示例代码

example/lib/main.dart

import 'package:adapty_ui_flutter_example/purchases_observer.dart';
import 'package:flutter/cupertino.dart';

import 'paywalls_list.dart';

void main() {
  runApp(const MyApp());
}

class MyApp extends StatefulWidget {
  const MyApp({super.key});

  @override
  State<MyApp> createState() => _MyAppState();
}

class _MyAppState extends State<MyApp> {
  @override
  void initState() {
    PurchasesObserver().initialize();

    super.initState();
  }

  @override
  Widget build(BuildContext context) {
    return const CupertinoApp(
      theme: CupertinoThemeData(
        brightness: Brightness.light,
        scaffoldBackgroundColor: CupertinoColors.systemGroupedBackground,
      ),
      home: MainView(),
    );
  }
}

class MainView extends StatelessWidget {
  const MainView({super.key});

  Future<void> _showErrorDialog(BuildContext context, String title, String message, String? details) {
    return showCupertinoDialog(
      context: context,
      builder: (ctx) => CupertinoAlertDialog(
        title: Text(title),
        content: Column(
          children: [
            Text(message),
            if (details != null) Text(details),
          ],
        ),
        actions: [
          CupertinoButton(
              child: const Text('OK'),
              onPressed: () {
                Navigator.of(context).pop();
              }),
        ],
      ),
    );
  }

  @override
  Widget build(BuildContext context) {
    return CupertinoPageScaffold(
      navigationBar: const CupertinoNavigationBar(
        middle: Text('Welcome to Adapty UI Flutter!'),
      ),
      child: PaywallsList(
        adaptyErrorCallback: (e) => _showErrorDialog(context, 'Error code ${e.code}!', e.message, e.detail),
        customErrorCallback: (e) => _showErrorDialog(context, 'Unknown error!', e.toString(), null),
      ),
    );
  }
}

解释

1. 初始化：在 MyApp 的 initState 方法中调用 PurchasesObserver().initialize() 来初始化购买观察者。
2. 主界面：MainView 是应用的主界面，包含一个导航栏和一个 PaywallsList 组件。
3. 错误处理：_showErrorDialog 方法用于显示错误对话框，处理来自 PaywallsList 的错误回调。
4. 付费墙列表：PaywallsList 组件负责显示付费墙列表，并处理用户交互。

通过以上步骤，你可以轻松地在 Flutter 应用中集成 AdaptyUI，实现订阅管理和付费墙展示。