Flutter图标管理插件micons的使用

Flutter图标管理插件micons的使用

M-Icons 是一个为 Flutter 应用程序提供的免费图标包，提供了大量高质量的图标来增强你的 Flutter 项目。我们的图标设计简单、可缩放，并且适应任何应用主题。

包安装

要在你的 Flutter 项目中使用 M-Icons，你需要将包添加到 pubspec.yaml 文件中：

dependencies:
  flutter:
    sdk: flutter
  micons: ^0.0.3

或者运行以下命令：

flutter pub add micons

使用

安装完成后，你可以在 Flutter 应用程序中开始使用这些图标。以下是一个简单的示例，展示如何使用 M-Icons 中的一个图标：

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

class MyWidget extends StatelessWidget {
  [@override](/user/override)
  Widget build(BuildContext context) {
    return MIcons(
      icon: MiCons.badgeCheck, // 使用你需要的图标
      color: Colors.black, // 图标颜色
      size: 80, // 图标大小
      filled: true, // 如果可用，使用填充样式
    );
  }
}

在这个示例中，MiCons.badgeCheck 是正在使用的图标，但你可以替换为 M-Icons 包中的任何其他图标名称以满足你的需求。

文件上传器

M-Icons 还提供了一个方便的文件上传功能，允许你轻松地将文件上传到指定位置。以下是使用文件上传器的一个示例：

MIconsUploader.uploadFiles(
  files: files,
  apiKey: "API_KEY",
  folder: "FOLDER_NAME",
).listen(
  (progress) {
    log("Progress for ${progress.fileKey} is ${progress.progress * 100}%");
    if (progress.url != null) {
      uploadedUrls[progress.fileKey] = progress.url!;
    }
    if (progress.urls != null) {
      uploadedUrls = progress.urls!;
    }
  },
  onDone: () {
    log("All files uploaded. URLs:");
    uploadedUrls.forEach((key, url) {
      log("File key: $key, URL: $url");
    });
  },
  onError: (error) {
    log('Error in upload stream: $error');
  },
);

文件上传器示例

这是一个更完整的文件上传器示例，展示了如何从相册选择一张图片并将其上传：

import 'dart:io';
import 'package:flutter/material.dart';
import 'package:image_picker/image_picker.dart';
import 'package:m_icons/m_icons_uploader.dart';

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

class _FileUploaderWidgetState extends State<FileUploaderWidget> {
  Map<String, File> files = {};
  Map<String, String> uploadedUrls = {};

  void imagePicker() async {
    ImagePicker picker = ImagePicker();
    final XFile? image = await picker.pickImage(source: ImageSource.gallery);
    if (image != null) {
      files["image"] = File(image.path);
      MIconsUploader.uploadFiles(
        files: files,
        apiKey: "API_KEY",
        folder: "FOLDER_NAME",
      ).listen(
        (progress) {
          log("Progress for ${progress.fileKey} is ${progress.progress * 100}%");
          if (progress.url != null) {
            uploadedUrls[progress.fileKey] = progress.url!;
          }
          if (progress.urls != null) {
            uploadedUrls = progress.urls!;
          }
        },
        onDone: () {
          log("All files uploaded. URLs:");
          uploadedUrls.forEach((key, url) {
            log("File key: $key, URL: $url");
          });
        },
        onError: (error) {
          log('Error in upload stream: $error');
        },
      );
    }
  }

  [@override](/user/override)
  Widget build(BuildContext context) {
    return Column(
      children: [
        ElevatedButton(
          onPressed: imagePicker,
          child: Text('Upload Image'),
        ),
        // 在这里显示上传的URL或进度
      ],
    );
  }
}