Flutter提醒通知插件smartech_nudges的使用

Flutter 提醒通知插件 smartech_nudges 的使用

Smartech-PX

Smartech 是一个全渠道平台，能够为您提供推动移动互动所需的一切，并在移动设备上创建有价值的消费者关系。Smartech Flutter 插件为产品体验提供了功能，使您的 Flutter 应用程序能够使用 Netcore 产品体验模块的所有功能。本指南包含将 PX 集成到您的 Flutter 应用程序所需的所有信息。

开发者文档

要开始使用，请参阅我们的开发者文档，了解如何使用插件通过 Netcore 产品体验功能实现提醒通知（nudges）和引导（walkthroughs）。

开发者文档

支持

如需报告与我们的 Flutter 插件相关的任何错误，请访问此存储库的 GitHub 问题跟踪器。

如何使用 smartech_nudges 插件

为了更好地理解如何使用 smartech_nudges 插件，我们将创建一个简单的 Flutter 应用程序示例。

步骤 1: 添加依赖项

首先，在 pubspec.yaml 文件中添加 smartech_nudges 插件依赖项：

dependencies:
  flutter:
    sdk: flutter
  smartech_nudges: ^1.0.0  # 请根据实际版本号进行调整

然后运行 flutter pub get 命令来安装该依赖项。

步骤 2: 初始化 Smartech SDK

在应用程序启动时初始化 Smartech SDK。通常在 main.dart 文件的 main() 函数中完成。

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

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

class MyApp extends StatelessWidget {
  [@override](/user/override)
  Widget build(BuildContext context) {
    return MaterialApp(
      title: 'Flutter Demo',
      theme: ThemeData(
        primarySwatch: Colors.blue,
      ),
      home: MyHomePage(),
    );
  }
}

class MyHomePage extends StatefulWidget {
  [@override](/user/override)
  _MyHomePageState createState() => _MyHomePageState();
}

class _MyHomePageState extends State<MyHomePage> {
  [@override](/user/override)
  void initState() {
    super.initState();
    
    // 初始化 Smartech SDK
    SmartechNudges.init('your_app_key', 'your_app_id');
  }

  [@override](/user/override)
  Widget build(BuildContext context) {
    return Scaffold(
      appBar: AppBar(
        title: Text('Flutter Smartech Nudges'),
      ),
      body: Center(
        child: Text('欢迎使用 Flutter Smartech Nudges'),
      ),
    );
  }
}

步骤 3: 显示提醒通知

现在我们已经初始化了 Smartech SDK，接下来可以显示提醒通知（nudge）。这通常在用户执行某些操作后触发。

class _MyHomePageState extends State<MyHomePage> {
  void showNudge() {
    SmartechNudges.showNudge(
      nudgeId: 'your_nudge_id',  // 替换为你的提醒通知 ID
    );
  }

  [@override](/user/override)
  Widget build(BuildContext context) {
    return Scaffold(
      appBar: AppBar(
        title: Text('Flutter Smartech Nudges'),
      ),
      body: Center(
        child: Column(
          mainAxisAlignment: MainAxisAlignment.center,
          children: <Widget>[
            Text('点击按钮显示提醒通知'),
            SizedBox(height: 20),
            ElevatedButton(
              onPressed: () {
                showNudge();  // 触发显示提醒通知
              },
              child: Text('显示提醒通知'),
            ),
          ],
        ),
      ),
    );
  }
}

完整示例代码

以下是一个完整的示例代码，包括初始化和显示提醒通知的功能：

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

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

class MyApp extends StatelessWidget {
  [@override](/user/override)
  Widget build(BuildContext context) {
    return MaterialApp(
      title: 'Flutter Demo',
      theme: ThemeData(
        primarySwatch: Colors.blue,
      ),
      home: MyHomePage(),
    );
  }
}

class MyHomePage extends StatefulWidget {
  [@override](/user/override)
  _MyHomePageState createState() => _MyHomePageState();
}

class _MyHomePageState extends State<MyHomePage> {
  void showNudge() {
    SmartechNudges.showNudge(
      nudgeId: 'your_nudge_id',  // 替换为你的提醒通知 ID
    );
  }

  [@override](/user/override)
  void initState() {
    super.initState();
    
    // 初始化 Smartech SDK
    SmartechNudges.init('your_app_key', 'your_app_id');
  }

  [@override](/user/override)
  Widget build(BuildContext context) {
    return Scaffold(
      appBar: AppBar(
        title: Text('Flutter Smartech Nudges'),
      ),
      body: Center(
        child: Column(
          mainAxisAlignment: MainAxisAlignment.center,
          children: <Widget>[
            Text('点击按钮显示提醒通知'),
            SizedBox(height: 20),
            ElevatedButton(
              onPressed: () {
                showNudge();  // 触发显示提醒通知
              },
              child: Text('显示提醒通知'),
            ),
          ],
        ),
      ),
    );
  }
}