Flutter问答游戏插件 easy_quiz_game 的使用

easy_quiz_game 是一个用于创建问答游戏的Flutter插件，支持多种功能如图片问题、网络或本地资源图片以及轻松集成广告。以下是该插件的基本使用方法和示例代码。

特性

• 图片问题
• 支持网络和本地资源图片
• 可以轻松实现广告集成

如何使用

1. 独立应用模式

在独立应用模式下，你可以通过以下方式启动问答游戏：

Navigator.of(context).push(
  MaterialPageRoute(
    fullscreenDialog: true,
    builder: (_) => Scaffold(
      body: EasyQuizGameApp(
        quizCategories: data,
        primaryColor: Theme.of(context).primaryColor,
        menuLogoPath: 'assets/images/logo.png',
        buttonPath: 'assets/images/primary_button.png',
        labelPath: 'assets/images/label.png',
        bgImagePath: 'assets/images/bg.png',
        gradient: LinearGradient(
          stops: const [0, 1],
          begin: const Alignment(1, -1),
          end: const Alignment(0, 1),
          colors: [Theme.of(context).primaryColor, const Color(0xff753bc6)],
        ),
        secondaryColor: const Color(0xff753bc6),
      ),
    ),
  ),
);

2. 添加到现有Widget树中

你也可以直接将 EasyQuizGameApp 添加到现有的Widget树中：

EasyQuizGameApp(
  quizCategories: data,
  primaryColor: Theme.of(context).primaryColor,
  menuLogoPath: 'assets/images/logo.png',
  buttonPath: 'assets/images/primary_button.png',
  labelPath: 'assets/images/label.png',
  bgImagePath: 'assets/images/bg.png',
  gradient: LinearGradient(
    stops: const [0, 1],
    begin: const Alignment(1, -1),
    end: const Alignment(0, 1),
    colors: [Theme.of(context).primaryColor, const Color(0xff753bc6)],
  ),
  secondaryColor: const Color(0xff753bc6),
)

数据模型

你需要准备一个包含问题类别的列表，并将其传递给 EasyQuizGameApp() 小部件。下面是一个示例数据模型：

final data = [
  QuizCategory(
    name: 'Animated Movies',
    description: 'This Quiz is About Animated Movies',
    iconImage: 'assets/images/animated movies.jpg',
    difficulty: QuizDifficulty.beginner,
    quizzes: [
      // 示例问题
    ],
  ),
  // 更多类别...
];

完整示例Demo

以下是一个完整的示例代码，展示了如何在Flutter应用中使用 easy_quiz_game 插件：

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

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

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

  @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
  State<MyHomePage> createState() => _MyHomePageState();
}

class _MyHomePageState extends State<MyHomePage> {
  @override
  Widget build(BuildContext context) {
    return Scaffold(
      body: getGameWidget(context),
      floatingActionButton: FloatingActionButton(
        onPressed: onPressedStandalone,
        tooltip: 'Launch standalone',
        child: const Icon(Icons.launch),
      ),
    );
  }

  void onPressedStandalone() {
    Navigator.of(context).push(
      MaterialPageRoute(
        fullscreenDialog: true,
        builder: (_) => Scaffold(body: getGameWidget(context)),
      ),
    );
  }

  static Widget getGameWidget(BuildContext context) {
    return EasyQuizGameApp(
      quizCategories: data,
      primaryColor: Colors.orange.shade300,
      menuLogoPath: 'assets/images/logo.png',
      buttonPath: 'assets/images/primary_button.png',
      labelPath: 'assets/images/label.png',
      bgImagePath: 'assets/images/bg.png',
      gradient: LinearGradient(
        stops: const [0, 1],
        begin: const Alignment(1, -1),
        end: const Alignment(0, 1),
        colors: [Theme.of(context).primaryColor, const Color(0xff753bc6)],
      ),
      secondaryColor: const Color(0xff753bc6),
    );
  }
}

请确保在项目中添加了必要的依赖项，并根据需要配置Android和iOS平台的具体设置。例如，在Android的 build.gradle 文件中启用多Dex支持，在iOS的 Podfile 中添加特定的构建配置。