一个简单的 Flutter 可缩放图片组件

Flutter 照片视图

PhotoView 在全屏展示场景中非常有用。

解析图片提供者并显示结果，支持手势，如捏合缩放和平移。

安装

将 photo_view 添加到您的 pubspec.yaml 文件中作为依赖项。

导入 Photo View

import 'package:photo_view/photo_view.dart';

示例代码

给定一个 ImageProvider imageProvider（例如 AssetImage 或 NetworkImage）

@override
Widget build(BuildContext context) {
  return new Container(
    child: new PhotoView(
      imageProvider: AssetImage("assets/large-image.jpg"),
      minScale: PhotoViewComputedScale.contained * 0.8,
      maxScale: 4.0,
    );
  );
}

内联使用

如果您希望 PhotoView 在与屏幕大小不同的容器中缩放图像，请改用 PhotoViewInline。

@override
Widget build(BuildContext context) {
  return new Container(
    child: new PhotoViewInline(
      imageProvider: AssetImage("assets/large-image.jpg"),
      minScale: PhotoViewComputedScale.contained * 0.8,
      maxScale: 4.0,
    );
  );
}