Flutter通用工具集插件kommon的介绍与使用

Flutter通用工具集插件kommon的介绍与使用

Flutter通用工具集插件kommon的使用

Kommon Package

Kingtous 的 Flutter 全能类库。方便开发的多功能库。

插件kommon特性

1. 基于 pull_to_refresh 实现懒加载列表。
2. 基于 photo_view 和 animations 实现点击图片全屏查看。
3. 基于 jh_debug 提供调试支持。
4. 通过 bruno 和 getwidget 提供 UI 组件。
5. 通过 get 提供全局工具。
6. 通过 fluttertoast 提供吐司提示。
7. 通过 animate_do 提供简易动画。
8. 通过 better_player 提供视频播放器。
9. 通过 permission handler 提供权限处理。
10. 通过 Dio 提供 HTTP 请求。
11. 通过 file picker 和 image picker 提供文件和图像选择。
12. 通过 crop your image 提供图像裁剪功能。

第三方依赖包

cached_network_image: ^3.1.0
photo_view: ^0.13.0
animations: ^2.0.2
bruno: ^2.1.0-nullsafety.1
fl_chart: ^0.45.1
get: ^4.6.1
getwidget: ^2.0.5
pull_to_refresh: ^2.0.0
jh_debug: ^1.0.1
fluttertoast: ^8.0.8
animate_do: ^2.1.0
shared_preferences: ^2.0.13 
flutter_datetime_picker: ^1.5.1
permission_handler: ^9.2.0
better_player: ^0.0.81
dio: ^4.0.3
synchronized: ^3.0.0
crop_your_image: ^0.7.2
image_picker: ^0.8.4+11
file_picker: ^4.5.1
flustars: ^2.0.1

开始使用

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

flutter pub add kommon

然后开始你的开发工作。

使用指南

概述

该包包含以下文件夹：

• cache
• dialog
• image
  • ImgView
• list
  • LazyList
• picker
• request
  • Request with Logger
• tool
  • DateUtil
  • LogUtil
  • PermUtil
  • SpUtil
  • TipsUtil (Toast)
• video
  • VideoPlayer

屏幕/页面

• PhotoGalleryScreen
  • 显示照片图库，使用 ImgView
• ImageCropScreen
  • 图像裁剪

服务

服务基于 GetX Service。请使用 Get.put 或 Get.lazyPut 进行初始化。

• CacheService
• DialogService
• ImageCropService
• PickerService

完整示例Demo

下面是一个简单的示例，展示如何使用 LazyList 和 ImgView。

1. 添加依赖

确保在 pubspec.yaml 文件中已经添加了 kommon 插件。

2. 创建一个简单的 Flutter 应用程序

创建一个新的 Flutter 项目，并在 main.dart 中编写以下代码：

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

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

class MyApp extends StatelessWidget {
  [@override](/user/override)
  Widget build(BuildContext context) {
    return MaterialApp(
      title: 'Kommon Demo',
      theme: ThemeData(
        primarySwatch: Colors.blue,
      ),
      home: MyHomePage(),
    );
  }
}

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

class _MyHomePageState extends State<MyHomePage> {
  final List<String> images = [
    "https://example.com/image1.jpg",
    "https://example.com/image2.jpg",
    "https://example.com/image3.jpg",
  ];

  [@override](/user/override)
  Widget build(BuildContext context) {
    return Scaffold(
      appBar: AppBar(
        title: Text('Kommon Demo'),
      ),
      body: Column(
        children: [
          LazyList(
            itemCount: images.length,
            itemBuilder: (context, index) {
              return GestureDetector(
                onTap: () {
                  Navigator.of(context).push(MaterialPageRoute(
                    builder: (context) => ImgView(imageUrl: images[index]),
                  ));
                },
                child: Container(
                  width: 200,
                  height: 200,
                  decoration: BoxDecoration(
                    image: DecorationImage(
                      image: NetworkImage(images[index]),
                      fit: BoxFit.cover,
                    ),
                  ),
                ),
              );
            },
          ),
        ],
      ),
    );
  }
}