求助：修复Flutter中Uint8List可空类型错误的方法

这两个错误都是Dart空安全机制导致的，直接按下面的步骤修改代码即可解决：

核心修改点 #

1. 调整变量的可空类型 #

在_ImageGridItemState类中，将非空的Uint8List类型改为可空的Uint8List?，解决"变量未初始化"的错误：

// 原代码
Uint8List  imageFile;

// 修改后
Uint8List? imageFile;

2. 处理可空的返回值 #

Firebase Storage的getData()方法返回的是Uint8List?（可能为null），所以赋值前要先判断是否为null，避免类型不匹配：

// 原代码
photosReference.child("Image_${widget._index}.jpeg").getData(MAX_SIZE).then((data) {
  this.setState(() {
    imageFile = data;
  });
}).catchError((error){

});

// 修改后
photosReference.child("Image_${widget._index}.jpeg").getData(MAX_SIZE).then((data) {
  setState(() {
    // 仅当data不为null时才赋值
    if (data != null) {
      imageFile = data;
    }
  });
}).catchError((error){
  // 可以添加错误日志方便调试
  print('图片下载失败: $error');
});

修改后的完整代码 #

import 'package:firebase_storage/firebase_storage.dart';
import 'package:flutter/material.dart';
import 'package:firebase_auth/firebase_auth.dart';
import 'dart:typed_data';
import 'package:cloud_firestore/cloud_firestore.dart';


class Artfolder extends StatelessWidget {
  User user;

  Artfolder({required this.user, Key? key}) : super(key: key);

  Widget makeImageGrid() {
    return GridView.builder(
        itemCount: 5,
        gridDelegate: const SliverGridDelegateWithFixedCrossAxisCount(
            crossAxisCount: 3),
        itemBuilder: (context, index) {
          return ImageGridItem(index);
        });
  }

  @override
  Widget build(BuildContext context) {
    return Scaffold(
      appBar: AppBar(
        title: const Text("ART Folder"),
        automaticallyImplyLeading: false,
      ),
      body: Container(
        child: makeImageGrid(),
      ),
    );
  }
}

class ImageGridItem extends StatefulWidget {
  int? _index;
  ImageGridItem(int index){
    _index = index;
  }
  @override
  _ImageGridItemState createState() => _ImageGridItemState();
}
class _ImageGridItemState extends State<ImageGridItem>{
  Uint8List? imageFile;
  final Reference photosReference = FirebaseStorage.instance.ref().child("photo");
  
  void getImage(){
    const int MAX_SIZE = 10*1024*1024;
    photosReference.child("Image_${widget._index}.jpeg").getData(MAX_SIZE).then((data) {
      setState(() {
        if (data != null) {
          imageFile = data;
        }
      });
    }).catchError((error){
      print('图片加载失败: $error');
    });
  }
  
  Widget decideGridTileWidget(){
    if(imageFile == null) {
      return const Center(child: Text("Nodata"));
    } else {
      return Image.memory(imageFile!,fit: BoxFit.cover,);
    }
  }
  
  @override
  void initState(){
    super.initState();
    getImage();
  }
  
  @override
  Widget build(BuildContext context){
    return GridTile(child:decideGridTileWidget());
  }
}

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