Flutter图标下载插件eticon_downloader的使用

Flutter图标下载插件eticon_downloader的使用

安装插件到项目中

在 pubspec.yaml 文件中添加以下依赖项：

dependencies:
  flutter:
    sdk: flutter
  eticon_downloader: ^1.0.0

然后运行 flutter pub get 来安装插件。

iOS 配置

在 Info.plist 文件中添加以下权限配置：

  • NSPhotoLibraryUsageDescription：用于请求访问 iOS 照片库以保存图片或视频。
  • NSDocumentDirectory：用于请求访问文件下载目录。

Android 配置

在 AndroidManifest.xml 文件中添加以下权限：

  • android.permission.WRITE_EXTERNAL_STORAGE：用于请求访问外部存储。

使用方法

下载文件

通过调用 downloadFile 方法下载文件。以下是示例代码：

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

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

class MyApp extends StatelessWidget {
  [@override](/user/override)
  Widget build(BuildContext context) {
    return MaterialApp(
      home: Scaffold(
        appBar: AppBar(
          title: Text('下载文件示例'),
        ),
        body: Center(
          child: DownloadButton(
            url: 'https://filesamples.com/samples/document/pdf/sample1.pdf',
            text: '下载文件',
          ),
        ),
      ),
    );
  }
}

class DownloadButton extends StatelessWidget {
  final String url;
  final String text;

  DownloadButton({required this.url, required this.text});

  [@override](/user/override)
  Widget build(BuildContext context) {
    return TextButton(
      child: Text(text),
      onPressed: () async {
        try {
          await EticonDownloader.downloadFile(url: url);
          ScaffoldMessenger.of(context).showSnackBar(
            SnackBar(content: Text('文件已成功下载！')),
          );
        } catch (e) {
          ScaffoldMessenger.of(context).showSnackBar(
            SnackBar(content: Text('下载失败：$e')),
          );
        }
      },
    );
  }
}

下载媒体（图片或视频）

通过调用 downloadMedia 方法下载图片或视频。以下是示例代码：

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

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

class MyApp extends StatelessWidget {
  [@override](/user/override)
  Widget build(BuildContext context) {
    return MaterialApp(
      home: Scaffold(
        appBar: AppBar(
          title: Text('下载媒体示例'),
        ),
        body: Center(
          child: Column(
            mainAxisAlignment: MainAxisAlignment.center,
            children: [
            // 下载图片按钮
            DownloadButton(
              url: 'https://filesamples.com/samples/image/png/sample_640×426.png',
              text: '下载图片',
            ),
            SizedBox(height: 20),
            // 下载视频按钮
            DownloadButton(
              url: 'https://filesamples.com/samples/video/mp4/sample_960x540.mp4',
              text: '下载视频',
            ),
          ],
          ),
        ),
      ),
    );
  }
}

class DownloadButton extends StatelessWidget {
  final String url;
  final String text;

  DownloadButton({required this.url, required this.text});

  [@override](/user/override)
  Widget build(BuildContext context) {
    return TextButton(
      child: Text(text),
      onPressed: () async {
        try {
          await EticonDownloader.downloadMedia(url: url);
          ScaffoldMessenger.of(context).showSnackBar(
            SnackBar(content: Text('媒体已成功下载！')),
          );
        } catch (e) {
          ScaffoldMessenger.of(context).showSnackBar(
            SnackBar(content: Text('下载失败：$e')),
          );
        }
      },
    );
  }
}

更多关于Flutter图标下载插件eticon_downloader的使用的实战教程也可以访问 https://www.itying.com/category-92-b0.html

1 回复

更多关于Flutter图标下载插件eticon_downloader的使用的实战系列教程也可以访问 https://www.itying.com/category-92-b0.html


eticon_downloader 是一个用于在 Flutter 应用中下载图标的插件。它可以帮助开发者从指定的 URL 下载图标，并将其保存到设备的本地存储中。以下是如何使用 eticon_downloader 插件的基本步骤：

1. 添加依赖

首先，你需要在 pubspec.yaml 文件中添加 eticon_downloader 插件的依赖：

dependencies:
  flutter:
    sdk: flutter
  eticon_downloader: ^1.0.0  # 请使用最新版本

然后运行 flutter pub get 来安装依赖。

2. 导入插件

在你的 Dart 文件中导入 eticon_downloader 插件：

import 'package:eticon_downloader/eticon_downloader.dart';

3. 下载图标

使用 eticon_downloader 下载图标非常简单。你可以通过调用 downloadIcon 方法并传入图标的 URL 来下载图标。以下是一个简单的示例：

void downloadIcon() async {
  String iconUrl = 'https://example.com/icon.png'; // 替换为你的图标URL
  String savePath = '/storage/emulated/0/Download/icon.png'; // 替换为你想保存的路径

  try {
    await EticonDownloader.downloadIcon(iconUrl, savePath);
    print('图标下载成功！');
  } catch (e) {
    print('图标下载失败: $e');
  }
}

4. 处理权限

在 Android 设备上，你可能需要请求写入外部存储的权限。你可以在 AndroidManifest.xml 文件中添加以下权限：

<uses-permission android:name="android.permission.WRITE_EXTERNAL_STORAGE"/>

在 Flutter 中，你可以使用 permission_handler 插件来动态请求权限：

import 'package:permission_handler/permission_handler.dart';

void requestPermission() async {
  if (await Permission.storage.request().isGranted) {
    print('权限已授予');
  } else {
    print('权限被拒绝');
  }
}

5. 完整示例

以下是一个完整的示例，展示了如何请求权限并下载图标：

import 'package:flutter/material.dart';
import 'package:eticon_downloader/eticon_downloader.dart';
import 'package:permission_handler/permission_handler.dart';

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

class MyApp extends StatelessWidget {
  [@override](/user/override)
  Widget build(BuildContext context) {
    return MaterialApp(
      home: Scaffold(
        appBar: AppBar(
          title: Text('图标下载示例'),
        ),
        body: Center(
          child: ElevatedButton(
            onPressed: () async {
              if (await Permission.storage.request().isGranted) {
                await downloadIcon();
              } else {
                print('权限被拒绝');
              }
            },
            child: Text('下载图标'),
          ),
        ),
      ),
    );
  }
}

void downloadIcon() async {
  String iconUrl = 'https://example.com/icon.png'; // 替换为你的图标URL
  String savePath = '/storage/emulated/0/Download/icon.png'; // 替换为你想保存的路径

  try {
    await EticonDownloader.downloadIcon(iconUrl, savePath);
    print('图标下载成功！');
  } catch (e) {
    print('图标下载失败: $e');
  }
}
回到顶部