Flutter即时通讯游戏插件easy_chat_game的使用

要实现一个有趣的聊天游戏，可以使用 easy_chat_game 插件。

功能特性

• 支持聊天游戏
• 支持浅色模式和深色模式

如何使用

有以下两种方式使用 Easy Chat Game 插件。

1. 独立应用模式

在独立应用模式下，你可以通过导航器将 EasyChatGameApp 推入栈中来启动聊天游戏。

void onLaunch() async {
  final result = await Navigator.of(context).push(
    MaterialPageRoute(
        fullscreenDialog: true,
        builder: (_) => EasyChatGameApp(
          title: 'Teacher Chat',
          levels: ChatData.allLevels(),
        )),
  );
  if (result == false) onLaunch();
}

2. 添加到Widget树中

你也可以直接将 EasyChatGameApp 添加到你的Widget树中。

EasyChatGameApp(
  title: 'Scary Teacher Prank',
  levels: ChatData.allLevels(),
  placementBuilder: _addPlacements,
  onTapEvent: _onTapEvent,
)

其他信息

数据模型

首先，你需要准备一个包含所有聊天级别的数据模型列表，并将其传递给 EasyChatGameApp() 组件。

class ChatData {
  static List<ChatLevel> allLevels() {
    return [
      level1(),
      level2(),
    ];
  }

  static ChatLevel level1() {
    Map<String, List<String>> chatList = {};

    chatList[ChatLevel.botKey] = ['where were you yesterday?'];
    chatList['where were you yesterday?'] = [
      'My dog was sick?(Lie)',
      'Pirates kidnap me(Lie)'
    ];
    chatList['My dog was sick?(Lie)'] = ['You have a dog?'];
    chatList['Pirates kidnap me(Lie)'] = ['Pirates?! In Ohio?'];
    chatList['You have a dog?'] = [
      'No i just overslept(Truth)',
      'Her name is Cindy(Lie)'
    ];
    chatList['No i just overslept(Truth)'] = ['Okay enough you are expelled'];
    chatList['Her name is Cindy(Lie)'] = ['I love dogs but call me next time'];
    chatList['Pirates?! In Ohio?'] = [
      'Yes they are very dangerous',
      'Sounds weird.But it\'s true'
    ];
    chatList['Yes they are very dangerous'] = ['But you are free now. Right?'];
    chatList['Sounds weird.But it\'s true'] = ['But you are free now. Right?'];
    chatList['But you are free now. Right?'] = [
      'I escaped them',
      'they let me go'
    ];
    chatList['I escaped them'] = [
      'i don\'t really believe you! Meet me in my office'
    ];
    chatList['they let me go'] = ['Why?'];
    chatList['Why?'] = ['They were Scared of me', 'I made them my friends'];
    chatList['They were Scared of me'] = [
      'i don\'t really believe you! Meet me in my office'
    ];
    chatList['I made them my friends'] = ['uh, Okay'];

    return ChatLevel(
      levelName: 'Find excuse',
      botName: 'Scary Teacher',
      botImg: 'assets/kids/kid1.png',
      userImg: 'assets/kids/kid1.png',
      chatList: chatList,
      successMessages: [
        'I love dogs but call me next time',
        'Oh it\'s okay. Sorry for bothering you',
        'uh, Okay'
      ],
      failureMessages: [
        'Okay enough you are expelled',
        'i don\'t really believe you! Meet me in my office'
      ],
    );
  }
}

示例代码

以下是完整的示例代码，展示了如何使用 easy_chat_game 插件。

import 'package:easy_chat_game/easy_chat_game.dart';
import 'package:example/model/chat_model_data.dart';
import 'package:flutter/material.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.dark(), // 使用深色主题
      home: const MyHomePage(title: 'Flutter Demo Home Page'),
    );
  }
}

class MyHomePage extends StatefulWidget {
  const MyHomePage({super.key, required this.title});

  final String title;

  [@override](/user/override)
  State<MyHomePage> createState() => _MyHomePageState();
}

class _MyHomePageState extends State<MyHomePage> {
  [@override](/user/override)
  Widget build(BuildContext context) {
    return Scaffold(
      body: getMainWidget(ChatData.allLevels()), // 显示聊天游戏界面
      floatingActionButton: FloatingActionButton(
        onPressed: onLaunch, // 启动聊天游戏
        tooltip: 'Launch',
        child: const Icon(Icons.launch),
      ),
    );
  }

  void onLaunch() async {
    final result = await Navigator.of(context).push(
      MaterialPageRoute(
          fullscreenDialog: true,
          builder: (_) => getMainWidget([ChatData.level1()])), // 启动第一个级别
    );
    if (result == false) onLaunch(); // 如果返回false，重新启动
  }

  Widget getMainWidget(List<ChatLevel> levels) {
    return EasyChatGameApp(
      title: 'Teacher Chat',
      levels: levels, // 传递聊天级别列表
    );
  }
}