发现页面

lib/views/moments/index/widgets/media_preview.dart

@@ -0,0 +1,107 @@
+import 'package:cached_network_image/cached_network_image.dart';
+import 'package:chat/configs/app_colors.dart';
+import 'package:chewie/chewie.dart';
+import 'package:flutter/material.dart';
+import 'package:get/get.dart';
+import 'package:photo_view/photo_view.dart';
+import 'package:photo_view/photo_view_gallery.dart';
+import 'package:video_player/video_player.dart';
+
+class MomentMediaPreview extends StatelessWidget {
+  final List<String> mediaSourceList;
+  final int? initialPage;
+  const MomentMediaPreview({
+    Key? key,
+    required this.mediaSourceList,
+    this.initialPage,
+  }) : super(key: key);
+
+  @override
+  Widget build(BuildContext context) {
+    return GestureDetector(
+      onTap: () => Navigator.pop(context),
+      child: Material(
+        color: AppColors.black,
+        child: SafeArea(
+          child: Stack(children: [
+            Positioned.fill(
+              child: PhotoViewGallery.builder(
+                pageController: PageController(initialPage: initialPage ?? 0),
+                itemCount: mediaSourceList.length,
+                builder: (context, index) {
+                  final source = mediaSourceList[index];
+                  if (source.split('?').first.isImageFileName) {
+                    return PhotoViewGalleryPageOptions(
+                      imageProvider: CachedNetworkImageProvider(source),
+                      minScale: PhotoViewComputedScale.contained,
+                      maxScale: PhotoViewComputedScale.covered * 2,
+                    );
+                  } else if (source.split('?').first.isVideoFileName) {
+                    return PhotoViewGalleryPageOptions.customChild(
+                      disableGestures: true,
+                      child: _VideoPreview(source: source),
+                    );
+                  } else {
+                    return PhotoViewGalleryPageOptions.customChild(
+                      child: const Center(
+                        child: Text(
+                          '格式不支持',
+                          style: TextStyle(color: AppColors.white),
+                        ),
+                      ),
+                    );
+                  }
+                },
+              ),
+            ),
+            const SafeArea(
+              child: Padding(
+                padding: EdgeInsets.all(4.0),
+                child: BackButton(color: AppColors.white),
+              ),
+            )
+          ]),
+        ),
+      ),
+    );
+  }
+}
+
+class _VideoPreview extends StatefulWidget {
+  final String source;
+  const _VideoPreview({Key? key, required this.source}) : super(key: key);
+
+  @override
+  State<_VideoPreview> createState() => __VideoPreviewState();
+}
+
+class __VideoPreviewState extends State<_VideoPreview> {
+  late final videoCtrl = VideoPlayerController.network(widget.source);
+
+  @override
+  void dispose() {
+    videoCtrl.dispose();
+    super.dispose();
+  }
+
+  Future<void> initVideo() async {
+    await videoCtrl.initialize();
+  }
+
+  @override
+  Widget build(BuildContext context) {
+    return FutureBuilder(
+      future: initVideo(),
+      builder: (context, snapshot) {
+        return Chewie(
+          controller: ChewieController(
+            showOptions: false,
+            autoPlay: true,
+            aspectRatio: videoCtrl.value.aspectRatio,
+            videoPlayerController: videoCtrl,
+          ),
+        );
+      },
+    );
+  }
+}