Flutter：组件9、图片预览
import 'package:flutter/material.dart';
import 'package:photo_view/photo_view.dart';
import 'package:photo_view/photo_view_gallery.dart';
import 'package:get/get.dart';
class ImagePreview extends StatelessWidget {
final String? singleImage;
final List<String>? imageList;
final int initialIndex;
const ImagePreview({
super.key,
this.singleImage,
this.imageList,
this.initialIndex = 0,
});
@override
Widget build(BuildContext context) {
// 如果提供了单张图片，转换为列表
final List<String> images = singleImage != null
? [singleImage!]
: imageList ?? [];
if (images.isEmpty) return const SizedBox();
return Scaffold(
backgroundColor: Colors.black,
appBar: AppBar(
backgroundColor: Colors.black,
elevation: 0,
leading: IconButton(
icon: const Icon(Icons.close, color: Colors.white,size: 24,),
onPressed: () => Get.back(),
),
),
body: PhotoViewGallery.builder(
itemCount: images.length,
builder: (context, index) {
return PhotoViewGalleryPageOptions(
imageProvider: NetworkImage(images[index]),
initialScale: PhotoViewComputedScale.contained,
minScale: PhotoViewComputedScale.contained,
maxScale: PhotoViewComputedScale.covered * 2,
);
},
scrollPhysics: const BouncingScrollPhysics(),
backgroundDecoration: const BoxDecoration(color: Colors.black),
pageController: PageController(initialPage: initialIndex),
),
);
}
}