Flutter未知功能插件nps_plugin的使用

nps_plugin 是一个用于显示Net Promoter Score (NPS) 评分模态框的Flutter包。它支持从0到10的评分，还可以选择性地收集用户反馈和电话号码，并且兼容Web、桌面和移动平台，同时支持深色主题。

安装

首先，在您的 pubspec.yaml 文件中添加 nps_plugin 作为依赖项：

flutter pub add nps_plugin

然后在代码中导入该包：

import 'package:nps_plugin/nps_plugin.dart';

使用方法

下面是一个基本示例，展示如何使用该包来显示NPS评分模态框：

await npsStart(
  context,
  npsTitle: 'So far, how likely are you to recommend the ',
  owner: 'Flutter',
  feedbackTitle: 'Leave your feedback',
  showInputPhone: false,
);

您可以根据需要自定义标题、系统或公司名称等设置。

完整示例Demo

以下是一个完整的示例，展示了如何集成并使用 nps_plugin：

import 'dart:developer';

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

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

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

  [@override](/user/override)
  Widget build(BuildContext context) {
    return MaterialApp(
      title: 'NPS Plugin Demo',
      theme: ThemeData(
        useMaterial3: true,
        colorScheme: ColorScheme.fromSeed(
          seedColor: Colors.blue,
          brightness: Brightness.light,
        ),
        inputDecorationTheme: const InputDecorationTheme(
          border: OutlineInputBorder(),
        ),
      ),
      home: const HomePage(),
    );
  }
}

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

  [@override](/user/override)
  Widget build(BuildContext context) {
    return Scaffold(
      appBar: AppBar(
        title: const Text('NPS Plugin Demo'),
      ),
      body: Center(
        child: FilledButton(
          child: const Text('Show NPS'),
          onPressed: () async {
            final npsTitle = Text.rich(
              TextSpan(
                text: 'So far, how likely are you to recommend ',
                children: [
                  TextSpan(
                    text: 'NPS Plugin',
                    style: TextStyle(
                      fontWeight: FontWeight.w700,
                      fontSize: 25,
                      color: Theme.of(context).colorScheme.primary,
                    ),
                  ),
                  const TextSpan(text: ' to a friend?'),
                ],
              ),
              overflow: TextOverflow.ellipsis,
              textAlign: TextAlign.center,
              style: Theme.of(context).textTheme.titleLarge,
              maxLines: 2,
            );

            final (nps, message, phone) = await npsStart(
              context,
              npsTitle: npsTitle,
              showInputPhone: true,
            );

            log('NPS: $nps, Message: $message, Phone: $phone');
          },
        ),
      ),
    );
  }
}