Flutter使用pdf插件生成PDF时展示图片网格，如何将File转为Uint8List

Dart的File类内置了读取文件字节的原生方法，直接调用即可匹配MemoryImage的Uint8List入参要求，有两种常用实现方式：

方法1：同步读取（适合图片数量少的场景） #

直接在遍历逻辑中调用readAsBytesSync()同步读取字节，修改后的完整代码如下：

GridView(
  crossAxisCount: 5,
  childAspectRatio: 1,
  children: door.images.map((image) {
    return Container(
      child: Image(MemoryImage(image.readAsBytesSync()), fit: BoxFit.cover),
    );
  }).toList(),
),

方法2：异步预读取（适合图片数量多的场景） #

如果图片数量较多，同步读取会阻塞UI线程，可提前异步读取所有图片字节存储后，再传入PDF构建逻辑：

// 提前异步读取所有图片字节
List<Uint8List> imageBytesList = [];
for (var imgFile in door.images) {
  final bytes = await imgFile.readAsBytes();
  imageBytesList.add(bytes);
}

// 构建PDF网格时直接使用预读取的字节
GridView(
  crossAxisCount: 5,
  childAspectRatio: 1,
  children: imageBytesList.map((bytes) {
    return Container(
      child: Image(MemoryImage(bytes), fit: BoxFit.cover),
    );
  }).toList(),
),

注意事项 #

• 确保图片为pdf包支持的格式（JPEG、PNG、GIF、BMP），特殊格式需要提前转码后再传入
• 若生成的PDF体积过大，可在读取字节后先对图片进行压缩再使用

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