Flutter客户反馈插件customerpulse_flutter的使用

本仓库提供了CustomerPulse Flutter 插件，用于将阿联酋客户反馈功能直接集成到您的Flutter应用程序中。

功能

• 收集实时用户反馈。
• 简单易用，轻松集成到Flutter项目中。
• 完全可定制的反馈表单。

安装

1. 在 pubspec.yaml 文件中添加依赖项

dependencies:
  customer_pulse_flutter: ^latest_version

或者使用GitHub链接：

customerpulse_flutter:
  git: https://github.com/KalvadTech/CustomerPulse-flutter.git

2. 安装包

运行以下命令以安装依赖包：

flutter pub get

使用

1. 导入插件

在您的Dart文件中导入插件：

import 'package:customer_pulse_flutter/customer_pulse_flutter.dart';

2. 全页调查

使用以下代码以全页模式显示调查表单：

CustomerPulseFlutter().showSurveyPage(
  context, 
  appId: 'com.kalvad.example', 
  linkOrToken: 'F/AH/'
);

3. 底部弹窗调查

使用以下代码以底部弹窗模式显示调查表单：

CustomerPulseFlutter().showSurveyBottomSheet(
  context, 
  appId: 'com.kalvad.example', 
  linkOrToken: 'F/AH/'
);

参数说明

以下是主要参数的详细信息：

示例：设置语言选项

CustomerPulseFlutter().showSurveyPage(
  context, 
  appId: 'com.kalvad.example', 
  linkOrToken: 'F/AH/',
  options: {'lang': 'en'} // 设置语言为英语
);

示例代码

以下是完整的示例代码，展示如何在Flutter应用中集成CustomerPulse插件：

import 'package:flutter/material.dart';
import 'package:customerpulse_flutter/customerpulse_flutter.dart'; // 导入插件

void main() {
  runApp(const MyApp()); // 启动应用
}

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

  [@override](/user/override)
  Widget build(BuildContext context) {
    return const MaterialApp( // 构建MaterialApp
      home: HomePage(), // 主页面
    );
  }
}

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

  [@override](/user/override)
  Widget build(BuildContext context) {
    return Scaffold( // 构建Scaffold
      appBar: AppBar( // 设置AppBar
        title: const Text('CustomerPulse 示例'), // 标题
      ),
      body: Center( // 居中布局
        child: Column( // 垂直排列子组件
          mainAxisSize: MainAxisSize.max, // 最大化主轴尺寸
          mainAxisAlignment: MainAxisAlignment.center, // 主轴居中
          crossAxisAlignment: CrossAxisAlignment.center, // 次轴居中
          children: [ // 子组件列表
            ElevatedButton( // 按钮1：全页调查
              onPressed: () => _showSurveyPage(context), // 点击事件
              child: const Text('显示全页调查'), // 按钮文字
            ),
            const SizedBox(height: 32.0), // 添加间距
            ElevatedButton( // 按钮2：底部弹窗调查
              onPressed: () => _showSurveyBottomSheet(context), // 点击事件
              child: const Text('显示底部弹窗调查'), // 按钮文字
            ),
          ],
        ),
      ),
    );
  }

  // 显示全页调查
  void _showSurveyPage(BuildContext context) {
    CustomerPulseFlutter().showSurveyPage(
      context, 
      appId: 'com.kalvad.example', 
      linkOrToken: 'F/AH/'
    );
  }

  // 显示底部弹窗调查
  void _showSurveyBottomSheet(BuildContext context) {
    CustomerPulseFlutter().showSurveyBottomSheet(
      context, 
      appId: 'com.kalvad.example', 
      linkOrToken: 'F/AH/'
    );
  }
}