Flutter WhatsApp聊天机器人集成插件whatsapp_chatbot的使用

Flutter WhatsApp聊天机器人集成插件whatsapp_chatbot的使用

whatsapp_chatbot Flutter 插件提供了一种简便的方式来将可定制的聊天机器人集成到您的 Flutter 应用程序中。该插件允许您快速添加一个带有交互式响应的聊天界面，并提供了用户友好的配置选项。通过 whatsapp_chatbot，您可以增强用户体验并提供通过基于聊天的界面进行的自动化辅助。

功能

• 可定制的聊天机器人外观
• 可定制的聊天气泡颜色
• 初始问候语和默认回复
• 用户输入占位符
• 简单地集成到 Flutter 应用程序中
• 使用“Bot Typing…”功能
• 直接拨打电话
• 在 WhatsApp 上直接聊天
• 欢迎屏幕以接受全名、电子邮件和消息
• 机器人动画

无论您是在构建客户支持应用还是只是想为您的应用程序增加一些互动性，whatsapp_chatbot 都可以帮助您创建一个根据您的需求定制的动态聊天机器人体验。

开始使用

要使用此插件，首先需要将其添加到您的 pubspec.yaml 文件中：

dependencies:
  whatsapp_chatbot: ^1.0.0

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

import 'package:whatsapp_chatbot/whatsapp_chatbot.dart';

接下来，您可以使用以下函数来配置插件的功能：

final config = Config(
  botDelay: 3, // 机器人响应延迟时间（秒）
  waitText: 'Bot Thinking...', // 机器人思考时显示的文字
  defaultResponseMessage: "Sorry! I didn't catch that!\nPlease try again!", // 默认回复消息
  keywords: ['hello', 'hi', 'how are you'], // 关键词列表
  response: [
    'Hi\nHow can I assist you today?', // 响应消息1
    'Hello!\nHow can I be of help?', // 响应消息2
    'I am doing great!', // 响应消息3
  ],
  greetings: "Hi there👋🏾\nHow can I help you?", // 问候语
  headerText: 'Iksoft Technologies', // 标题文本
  subHeaderText: 'Online', // 子标题文本
  profileImage: 'profileImage', // 头像路径
  buttonText: 'Start Chat', // 按钮文本
  buttonColor: const Color.fromARGB(255, 73, 4, 4), // 按钮颜色
  chatIcon: const Icon(Icons.person), // 聊天图标
  headerColor: const Color.fromARGB(255, 73, 4, 4), // 标题颜色
  message: 'Hello! This is a direct WhatsApp message.', // 消息
  phoneNumber: '+233550138086', // 电话号码
  chatBackgroundColor: const Color.fromARGB(255, 238, 231, 223), // 聊天背景颜色
  onlineIndicator: const Color.fromARGB(255, 37, 211, 102), // 在线指示器颜色
);

完整示例

下面是一个完整的示例，展示了如何使用此插件：

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

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

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

  // 这个小部件是你的应用的根。
  [@override](/user/override)
  Widget build(BuildContext context) {
    return MaterialApp(
      title: 'Flutter Demo',
      theme: ThemeData(
        colorScheme: ColorScheme.fromSeed(seedColor: Colors.deepPurple),
        useMaterial3: true,
      ),
      home: HomePage(),
    );
  }
}

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

  [@override](/user/override)
  State<HomePage> createState() => _HomePageState();
}

class _HomePageState extends State<HomePage> {
  final List<String> keywords = [];

  final config = Config(
    botDelay: 3,
    waitText: 'Bot Thinking...',
    defaultResponseMessage: "Sorry! I didn't catch that!\nPlease try again!",
    keywords: [
      'hello',
      'hi',
      'how are you',
    ],
    response: [
      'Hi\nHow can I assist you today?',
      'Hello!\nHow can I be of help?',
      'I am doing great!',
    ],
    greetings: "Hi there👋🏾\nHow can I help you?",
    headerText: 'Iksoft Technologies',
    subHeaderText: 'Online',
    profileImage: 'profileImage',
    buttonText: 'Start Chat',
    buttonColor: const Color.fromARGB(255, 73, 4, 4),
    chatIcon: const Icon(Icons.person),
    headerColor: const Color.fromARGB(255, 73, 4, 4),
    message: 'Hello! This is a direct WhatsApp message.',
    phoneNumber: '+233550138086',
    chatBackgroundColor: const Color.fromARGB(255, 238, 231, 223),
    onlineIndicator: const Color.fromARGB(255, 37, 211, 102),
  );

  [@override](/user/override)
  Widget build(BuildContext context) {
    return Scaffold(
      body: Stack(
        children: [
          WhatsappChatBot(
            settings: config,
          )
        ],
      ),
    );
  }
}