flutter如何获取图片大小

在Flutter开发中，如何获取本地或网络图片的尺寸（宽高）？比如从assets加载的图片或通过URL下载的图片，有没有通用的方法可以准确获取图片的实际大小？最好能提供代码示例，谢谢！

2 回复

在Flutter中获取图片大小，可以使用Image组件的ImageProvider获取尺寸。例如：

Image image = Image.network('url');
ImageStream stream = image.image.resolve(ImageConfiguration());
stream.addListener(ImageStreamListener((info, _) {
  print(info.image.width); // 宽度
  print(info.image.height); // 高度
}));

或者使用image包解析本地图片文件获取尺寸。

更多关于flutter如何获取图片大小的实战系列教程也可以访问 https://www.itying.com/category-92-b0.html


在Flutter中获取图片大小有多种方法，以下是几种常用方式：

1. 使用ImageProvider获取

Future<Size> getImageSize(ImageProvider provider) async {
  final config = await provider.resolve(ImageConfiguration.empty);
  return Size(config.image.width.toDouble(), config.image.height.toDouble());
}

// 使用示例
final imageSize = await getImageSize(AssetImage('assets/image.png'));
print('宽度: ${imageSize.width}, 高度: ${imageSize.height}');

2. 使用Image.network获取网络图片大小

Future<Size> getNetworkImageSize(String imageUrl) async {
  final completer = Completer<Size>();
  final image = Image.network(imageUrl);
  
  image.image.resolve(ImageConfiguration.empty).addListener(
    ImageStreamListener((info, _) {
      completer.complete(Size(
        info.image.width.toDouble(),
        info.image.height.toDouble()
      ));
    })
  );
  
  return completer.future;
}

3. 使用File获取本地图片

import 'package:image/image.dart' as img;

Future<Size> getLocalImageSize(File file) async {
  final bytes = await file.readAsBytes();
  final image = img.decodeImage(bytes);
  return Size(image!.width.toDouble(), image.height.toDouble());
}

4. 使用flutter_image_compress包

在pubspec.yaml中添加依赖：

dependencies:
  flutter_image_compress: ^1.1.0

import 'package:flutter_image_compress/flutter_image_compress.dart';

Future<Size> getCompressedImageSize(File file) async {
  final result = await FlutterImageCompress.compressWithFile(
    file.absolute.path,
    minWidth: 1,
    minHeight: 1,
    quality: 1,
  );
  
  final image = img.decodeImage(result!);
  return Size(image!.width.toDouble(), image.height.toDouble());
}

注意事项：

  • 网络图片需要确保URL可访问
  • 本地文件需要文件读取权限
  • 大图片处理建议在isolate中进行以避免UI阻塞

选择哪种方法取决于你的具体需求：网络图片推荐方法2，本地图片推荐方法1或3。

回到顶部