从Firebase Storage取图片URL，无法在pdf包生成的PDF中展示求助

pdf包无法直接加载网络图片URL，必须先将图片下载为字节数据（Uint8List），再传入PDF的图片组件。以下是具体解决方案：

步骤1：添加依赖 #

确保pubspec.yaml中包含所需依赖：

dependencies:
  pdf: ^3.10.0 # 建议使用最新稳定版
  http: ^1.1.0
  firebase_storage: ^11.2.0

步骤2：将图片URL转换为字节数据 #

新增函数，通过网络URL获取图片的字节数据：

import 'package:http/http.dart' as http;

Future<Uint8List> getImageBytes(String url) async {
  final response = await http.get(Uri.parse(url));
  if (response.statusCode == 200) {
    return response.bodyBytes;
  } else {
    throw Exception('加载图片失败');
  }
}

步骤3：批量获取图片字节数据 #

修改原有代码，将Firebase获取的URL转换为字节列表：

List<Uint8List> imageBytesList = [];

String path = 'gs://tp-zap-solz.appspot.com/SafetyChecklist/Bengaluru/BMTC KR Puram-29/ZW3210/1';
ListResult result = await FirebaseStorage.instance.ref().child(path).listAll();

for (var item in result.items) {
  String downloadUrl = await item.getDownloadURL();
  Uint8List bytes = await getImageBytes(downloadUrl);
  imageBytesList.add(bytes);
}

print('已加载 ${imageBytesList.length} 张图片的字节数据');

步骤4：在PDF中展示图片 #

使用pdf包的Image组件，遍历字节列表添加图片到PDF：

import 'package:pdf/pdf.dart';
import 'package:pdf/widgets.dart' as pw;

Future<Uint8List> generatePdf() async {
  final pdf = pw.Document();

  // 遍历添加图片到PDF页面
  for (var bytes in imageBytesList) {
    pdf.addPage(
      pw.Page(
        build: (context) => pw.Center(
          child: pw.Image(pw.MemoryImage(bytes)),
        ),
      ),
    );
  }

  return pdf.save();
}

常见问题排查 #

• 确认网络权限配置：Android需在AndroidManifest.xml添加<uses-permission android:name="android.permission.INTERNET"/>；iOS若使用HTTP URL，需在Info.plist配置NSAppTransportSecurity允许非HTTPS请求（Firebase URL多为HTTPS，一般无需额外配置）。
• 检查字节数据有效性：打印bytes.length确认是否成功获取到图片数据。
• 保持依赖版本兼容：使用各包的最新稳定版避免兼容性问题。

内容的提问来源于stack exchange，提问作者Suraj Maurya