Flutter快速开发插件quick_develop_kit的使用

特性

quick_develop_kit 是一个用于加速 Flutter 应用开发的插件包，提供了以下功能：

• 基于 Dio 的强大 HTTP 客户端。
• 基于 Hive 的简单键值存储。
• 实用的小部件。

开始使用

1. 添加依赖

在 pubspec.yaml 文件中添加 quick_develop_kit 依赖：

dependencies:
  quick_develop_kit: ^1.0.0

然后运行以下命令以更新依赖项：

flutter pub get

2. 初始化插件

在 main.dart 文件中初始化插件：

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

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

class MyApp extends StatelessWidget {
  [@override](/user/override)
  Widget build(BuildContext context) {
    // 初始化插件
    QuickDevelopKit.init();

    return MaterialApp(
      title: 'Quick Develop Kit Demo',
      theme: ThemeData(
        primarySwatch: Colors.blue,
      ),
      home: HomePage(),
    );
  }
}

3. 使用 HTTP 客户端

使用基于 Dio 的 HTTP 客户端发送网络请求：

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

class HomePage extends StatefulWidget {
  [@override](/user/override)
  _HomePageState createState() => _HomePageState();
}

class _HomePageState extends State<HomePage> {
  String _response = '';

  Future<void> fetchData() async {
    try {
      // 发送 GET 请求
      final response = await QuickDevelopKit.http.get('https://jsonplaceholder.typicode.com/posts/1');
      setState(() {
        _response = response.toString();
      });
    } catch (e) {
      setState(() {
        _response = e.toString();
      });
    }
  }

  [@override](/user/override)
  Widget build(BuildContext context) {
    return Scaffold(
      appBar: AppBar(
        title: Text('HTTP Client Example'),
      ),
      body: Center(
        child: Column(
          mainAxisAlignment: MainAxisAlignment.center,
          children: [
            ElevatedButton(
              onPressed: fetchData,
              child: Text('Fetch Data'),
            ),
            SizedBox(height: 20),
            Text(_response),
          ],
        ),
      ),
    );
  }
}

4. 使用键值存储

使用基于 Hive 的键值存储保存数据：

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

class KeyValuePage extends StatefulWidget {
  [@override](/user/override)
  _KeyValuePageState createState() => _KeyValuePageState();
}

class _KeyValuePageState extends State<KeyValuePage> {
  String _value = '';

  Future<void> saveData() async {
    // 保存键值对
    await QuickDevelopKit.storage.put('key', 'Hello, Quick Develop Kit!');
  }

  Future<void> loadData() async {
    // 获取键值对
    final value = await QuickDevelopKit.storage.get('key');
    setState(() {
      _value = value ?? '';
    });
  }

  [@override](/user/override)
  Widget build(BuildContext context) {
    return Scaffold(
      appBar: AppBar(
        title: Text('Key Value Storage Example'),
      ),
      body: Center(
        child: Column(
          mainAxisAlignment: MainAxisAlignment.center,
          children: [
            ElevatedButton(
              onPressed: saveData,
              child: Text('Save Data'),
            ),
            SizedBox(height: 20),
            ElevatedButton(
              onPressed: loadData,
              child: Text('Load Data'),
            ),
            SizedBox(height: 20),
            Text(_value),
          ],
        ),
      ),
    );
  }
}

5. 使用实用小部件

quick_develop_kit 提供了一些实用的小部件，例如加载指示器：

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

class LoadingWidgetPage extends StatelessWidget {
  [@override](/user/override)
  Widget build(BuildContext context) {
    return Scaffold(
      appBar: AppBar(
        title: Text('Loading Indicator Example'),
      ),
      body: Center(
        child: QuickDevelopKit.loadingIndicator(), // 显示加载指示器
      ),
    );
  }
}