Flutter 实现图片放大预览

最新推荐文章于 2024-07-22 11:14:26 发布

嗨~小H

最新推荐文章于 2024-07-22 11:14:26 发布

阅读量1k

点赞数

文章标签： flutter android

本文链接：https://blog.csdn.net/weixin_57882850/article/details/127401662

版权

创建一个新的.dart文件，代码如下

import 'dart:math';

// 引入这个依赖
import 'package:extended_image/extended_image.dart'; 
import 'package:flutter/material.dart';

class MyHomePage extends StatelessWidget {
  // 传入照片的url地址
  String imageUrl;
  MyHomePage(this.imageUrl, {Key? key}) : super(key: key);

  @override
  Widget build(BuildContext context) {
    Color randomColor() =>
        Color((Random().nextDouble() * 0xFFFFFF).toInt() << 0).withOpacity(1.0);
    return Material(
      color: Colors.black,
      child: InkWell(
        onTap: () {
          // 点击图片返回
          Navigator.pop(context);
        },
        child: ExtendedImage.network(
          imageUrl, // 图片的url
          fit: BoxFit.contain,
          //enableLoadState: false,
          mode: ExtendedImageMode.gesture,
          initGestureConfigHandler: (state) {
            return GestureConfig(
                minScale: 0.9,
                animationMinScale: 0.7,
                maxScale: 3.0,
                animationMaxScale: 3.5,
                speed: 1.0,
                inertialSpeed: 100.0,
                initialScale: 1.0,
                inPageView: false);
          },
        ),
      ),
    );
  }
}