在firebase的flutter中显示Image.file

dependencies:
  flutter:
    sdk: flutter
  firebase_storage: ^4.0.0
  image_picker: ^0.8.4+4

import 'package:firebase_core/firebase_core.dart';

void main() async {
  WidgetsFlutterBinding.ensureInitialized();
  await Firebase.initializeApp();
  runApp(MyApp());
}

import 'package:image_picker/image_picker.dart';

final picker = ImagePicker();

Future<File?> pickImage() async {
  final pickedFile = await picker.pickImage(source: ImageSource.gallery);
  if (pickedFile != null) {
    return File(pickedFile.path);
  }
  return null;
}

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

Future<String?> uploadImage(File imageFile) async {
  try {
    final storageRef = firebase_storage.FirebaseStorage.instance.ref();
    final imageName = DateTime.now().millisecondsSinceEpoch.toString();
    final uploadTask = storageRef.child('images/$imageName').putFile(imageFile);
    final snapshot = await uploadTask;
    final downloadUrl = await snapshot.ref.getDownloadURL();
    return downloadUrl;
  } catch (e) {
    print(e.toString());
    return null;
  }
}

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

class DisplayImage extends StatelessWidget {
  final String imageUrl;

  DisplayImage({required this.imageUrl});

  @override
  Widget build(BuildContext context) {
    return Scaffold(
      appBar: AppBar(
        title: Text('Display Image'),
      ),
      body: Center(
        child: CachedNetworkImage(
          imageUrl: imageUrl,
          placeholder: (context, url) => CircularProgressIndicator(),
          errorWidget: (context, url, error) => Icon(Icons.error),
        ),
      ),
    );
  }
}