pub.flutter-io.cn/extended_image_library-0.1.8/lib/src/extended_me mory_image_provider.dart:12:24: Error: The method 'ExtendedMemoryImageProvider.load' has fewer positional arguments than those of overridden method 'MemoryImage.load'. ImageStreamCompleter load(MemoryImage key) {

控制台一直循环打印这句话

Invalid argument (onError): Error handler must accept one Object or one Object and a StackTrace as arguments, and return a a valid result: Closure: () => Null

图片是正常的有效链接

开始是正常的,后来想升级flutter2.0.3,无奈太多的插件不兼容又回退版本,然后就出现图片不能加载出来的问题

. Dart VM version: 2.3.1 . Flutter 1.7.2-pre.30 • channel master

..../extended_image-0.4.1/lib/src/extended_imag e.dart:723:59: Error: The argument type 'void Function(ImageInfo, bool)' can't be assigned to the parameter type 'ImageStreamListener'.

Compiler message: /Users/xxxx/flutter/.pub-cache/hosted/pub.dartlang.org/extended_image-0.7.2/lib/src/gesture/extended_image_slide_page_route.dart:333:9: Error: No named parameter with the name 'animation'. animation: animation, ^^^^^^^^^ /Users/xxxx/flutter/packages/flutter/lib/src/cupertino/route.dart:435:3: Context: Found this candidate, but the arguments don't match. CupertinoFullscreenDialogTransition({ ^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^

FAILURE: Build failed with an exception.

[✓] Flutter (Channel master, v1.16.4-pre.38, on Mac OS X 10.15.3 19D76, locale zh-Hans-CN)

final provider = ExtendedNetworkImageProvider(listSourceRepository[index].imageUrl);
provider.evict().then((result) {
    if (result) {
        print("回收成功");
    } else {
       print("回收失败");
   }
})

测试了很多遍，都是回收失败

使用场景： 图片列表页 点击图片=>图片放大预览页。

情况1： 如果图片列表页每一项图片都使用ExtendedImage.network来展示，点击跳转图片放大页面（传参是图片的url）后正常。

情况2： 如果图片列表页不使用使用ExtendedImage.network来展示，首次点击跳转图片放大页面正常，关闭后再次点击报错can't clone a disposed image。

情况3： 如果图片列表页每一项图片都使用ExtendedImage.network来展示，点击跳转图片放大页面（传参不是图片的原始url，比如加了url参数时间戳），则出现情况2的现象。

图片放大预览页基础代码：

ExtendedImageSlidePage(
        key: slidePagekey,
        child: GestureDetector(
            child: ExtendedImage.network(
                widget.url,
                enableSlideOutPage: true,
                mode: ExtendedImageMode.gesture,
                ///make hero better when slide out
                heroBuilderForSlidingPage: (Widget result) {
                    return Hero(
                        tag: widget.url,
                        child: result,
                        flightShuttleBuilder: (BuildContext flightContext,
                            Animation<double> animation,
                            HeroFlightDirection flightDirection,
                            BuildContext fromHeroContext,
                            BuildContext toHeroContext) {
                        final Hero hero = (flightDirection == HeroFlightDirection.pop
                            ? fromHeroContext.widget
                            : toHeroContext.widget) as Hero;
                        return hero.child;
                        },
                    );
                },
            ),
            onTap: () {
                slidePagekey.currentState.popPage();
                Navigator.pop(context);
            },
        ),
        slideAxis: SlideAxis.both,
        slideType: SlideType.onlyImage,
    )

大概猜测和图片缓存有关 但不知道怎么解

请问在我的flutter_module中包含有extended_image插件的使用，然后将flutter_module嵌套进iOS原生项目里，运行时控制台在运行到使用到缓存图片的地方时打印如下信息 ，flutter: MissingPluginException(No implementation found for method getTemporaryDirectory on channel plugins.flutter.io/path_provider)

Error:

Error: The argument type 'Null Function(StringBuffer)' can't be assigned to the parameter type 'Iterable Function()'.

• 'StringBuffer' is from 'dart:core'.
• 'Iterable' is from 'dart:core'.
• 'DiagnosticsNode' is from 'package:flutter/src/foundation/diagnostics.dart' ('file:///Users/thinkdigital/development/flutter/packages/flutter/lib/src/foundation/diagnostics.dart'). Try changing the type of the parameter, or casting the argument to 'Iterable Function()'. informationCollector: (StringBuffer information) { ^

this points to the file in "package:extended_image/src/network/extended_network_image_provider.dart" line: 68

Widget _buildImageView(String url) {
    Widget result = new ExtendedImage.network(
      url,
      cache: true,
      mode: ExtendedImageMode.gesture,
      enableSlideOutPage: true,
      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);
      },
      fit: BoxFit.fitHeight,
      borderRadius: BorderRadius.circular(25),
      border: Border.all(color: Colors.red, width: 1.0),
      onDoubleTap: (ExtendedImageGestureState state) {
        ///you can use define pointerDownPosition as you can,
        ///default value is double tap pointer down postion.
        var pointerDownPosition = state.pointerDownPosition;
        double begin = state.gestureDetails.totalScale;
        double end;
      },
      loadStateChanged: (ExtendedImageState state) {
        switch (state.extendedImageLoadState) {
          case LoadState.loading:
            _controller.reset();
            return Container(
              width: 200,
              height: 250,
              padding: EdgeInsets.only(left: 200),
              child: SpinKitCircle(
                color: globalMainChatColor,
                size: 40,
              ),
            );
            break;
          case LoadState.completed:
            _controller.forward();
            return FadeTransition(
                opacity: _controller,
                child: Container(
                  margin: EdgeInsets.only(top: 8),
                  width: max(state.extendedImageInfo.image.width * 0.25, 200),
                  height: max(state.extendedImageInfo.image.height * 0.2, 250),
                  child: null,
                  decoration: BoxDecoration(
                      image: DecorationImage(
                          image: state.imageProvider, fit: BoxFit.cover),
                      borderRadius: BorderRadius.only(
                          topLeft: Radius.circular(20.0),
                          topRight: Radius.circular(20.0),
                          bottomLeft: Radius.circular(20.0),
                          bottomRight: Radius.circular(5.0))),
                ));
            break;
          case LoadState.failed:
            _controller.reset();
            return GestureDetector(
              child: Stack(
                fit: StackFit.expand,
                children: <Widget>[
                  Image.asset(
                    "assets/images/failed.jpg",
                    fit: BoxFit.fill,
                  ),
                  Positioned(
                    bottom: 0.0,
                    left: 0.0,
                    right: 0.0,
                    child: Text(
                      "加载失败，点击重试",
                      textAlign: TextAlign.center,
                    ),
                  )
                ],
              ),
              onTap: () {
                state.reLoadImage();
              },
            );
            break;
        }
      },
    );
    return ExtendedImageSlidePage(
      child: result,
      slideAxis: SlideAxis.both,
      slideType: SlideType.onlyImage,
      onSlidingPage: (state) {
        ///you can change other widgets' state on page as you want
      },
      slideEndHandler: (offset) {
        var pageSize = MediaQuery.of(context).size;
        return offset.distance >
            Offset(pageSize.width, pageSize.height).distance / 1.5;
      },
    );
  }

I changed the value to bigger or smaller, doesn't have any effect on sliding offset, I want it as small as possible rather than drag the whole distance of screen and then trigger slide out.\

Any idea?

I use the latest version of Extended Image (1.2.0), flutter 1.22. Tried both on physical and simulator.

1. Sometimes swipe left/right gesture doesn't work. Open image from gallery. Try to swipe it right or left with a huge velocity.

Expected results: image is being changed to the next one. Actual results: image is being closed like I swiped up or down.

2. When image is zoomed in, it's too easy to accidentally close or swipe it. Open any image and zoom it. Then, try to move your zoom by swiping it up/down or left/right.

Expected results: zoomed image should move with my gestures Actual results: image is closed or changed to another one.

My code: https://github.com/Zchandev/iChan/blob/master/lib/pages/gallery_item_page.dart#L81

First of all thank you publish this library but We need circular crop feature inside this library. Can you suggest me how can we implement this feature in our production app because we need it asap.

I have created a FutureBuilderthat will get a network image and display it. But I also need image dimensions for a separate process. So I have created two separate futures which will work in the FutureBuilder:

FutureBuilder

        FutureBuilder<List>(
          future: Future.wait([
            getImageWidget(image:widget.image, width:widget.width, height:widget.height),
            _calculateImageDimension(image:widget.image),
          ]),

Future 1: Retrieve the image

Future<Widget> getImageWidget({image, width, height})
{
return ExtendedImage.network(...)
}

Future 2: Get the image dimensions

Future<Size> _calculateImageDimension({image}) {
  Completer<Size> completer = Completer();
  Image image = Image(image: ExtendedNetworkImageProvider(imgixedImage, cache: true));
  image.image.resolve(const ImageConfiguration()).addListener(
    ImageStreamListener(
          (ImageInfo image, bool synchronousCall) {
        var myImage = image.image;
        Size size = Size(myImage.width.toDouble(), myImage.height.toDouble());
        completer.complete(size);
      },
    ),
  );
  return completer.future;
}

I believe both of these futures are called simultaneously on the same image. I do not want to make two separate network requests for the same image, I was hoping one will go first and save the image in the cache and then the second one will just use the image retrieved from the cache.

Is ExtendedNetworkImage smart enough to deal with two simultaneous requests? Or is there a chance that there will be two separate downloads of the same image?

Hi.

Version 6.3.3 introduces drawing editor with BlendMode.clear which is not supported for the flutter web.

Trying to use editor in the latest version produces error:

"Flutter Web does not support the blend mode: BlendMode.clear"

and Editor is unusable.

Version 6.3.2 is of course working fine.

While compiling for web, I am getting this error. This code was working previously and I recently updated extended image version to the latest from 4.1.0 after which this issue cropped if. If I comment out the kIsWeb check and removed ExtendedImage.file code, it works fine for web, but with this check, it fails. Appreciate if anyone can help me out

Error: The argument type 'File/1/' can't be assigned to the parameter type 'File/2/'.

• 'File/1/' is from 'dart:io'.
• 'File/2/' is from 'package:extended_image_library/src/_platform_web.dart' ('../flutter/.pub-cache/hosted/pub.dartlang.org/extended_image_library-3.4.1/lib/src/_platform_web.dart').

Even though I am checking if it is for web, I am still getting this error. The code is as follow

  `Column(
      children: <Widget>[
        Expanded(
          child: kIsWeb
              ? ExtendedImage.network(
                  _resetToOriginalImage
                      ? widget.orgImgFile as String
                      : widget.imgFile as String,
                  fit: BoxFit.contain,
                  mode: ExtendedImageMode.editor,
                  extendedImageEditorKey: editorKey,
                  initEditorConfigHandler: (ExtendedImageState? state) {
                    return EditorConfig(
                        maxScale: 8.0,
                        cropLayerPainter: _cropLayerPainter!,
                        cropAspectRatio: _aspectRatio!.value);
                  },
                  cacheRawData: true,
                )

              // TODO: this doesn't allow to compile to web. Check if this is resolved in new version of extended image package
              : ExtendedImage.file(
                  _resetToOriginalImage
                      ? widget.orgImgFile as File
                      : widget.imgFile as File,
                  fit: BoxFit.contain,
                  mode: ExtendedImageMode.editor,
                  enableLoadState: true,
                  extendedImageEditorKey: editorKey,
                  initEditorConfigHandler: (ExtendedImageState? state) {
                    return EditorConfig(
                        maxScale: 8.0,
                        cropLayerPainter: _cropLayerPainter!,
                        cropAspectRatio: _aspectRatio!.value);
                  },
                  cacheRawData: true,
                ),
        ),
      ],
    ),`

Found another reference for this issue logged in recently https://github.com/dint-dev/universal_io/issues/17#issuecomment-1327377845

Let me know if any more information is needed.

Thanks

Hi, I migrated the flutter to the master channel: 3.6.0-4.0.pre.32 and the Android build failing :( with error:

../../../AppData/Local/Pub/Cache/hosted/pub.dev/extended_image-7.0.0-dev.1/lib/src/gesture/page_view/widgets/scroll_activity.dart:56:12: Error: Too few positional arguments: 4 required, 3 given.
  ) : super(
           ^
Target kernel_snapshot failed: Exception


FAILURE: Build failed with an exception.

* Where:
Script 'C:\tools\flutter\packages\flutter_tools\gradle\flutter.gradle' line: 1151

* What went wrong:
Execution failed for task ':app:compileFlutterBuildDebug'.
> Process 'command 'C:\tools\flutter\bin\flutter.bat'' finished with non-zero exit value 1

* Try:
> Run with --stacktrace option to get the stack trace.
> Run with --info or --debug option to get more log output.
> Run with --scan to get full insights.

* Get more help at https://help.gradle.org

BUILD FAILED in 14s
Running Gradle task 'assembleDebug'...                             15.2s
Exception: Gradle task assembleDebug failed with exit code 1

Please help me to fix this issue, thanks in advance!

I want to save the picture by long pressing the picture. But in Safari, when I zoom the image, the long press gesture is not recognized properly. How can I solve it please?

It is worth noting that the html rendering mode should be selected. --web-renderer html

Steps:

1. Zoom the image
2. Long press the picture

void main() {
  runApp(const MyApp());
}

class MyApp extends StatelessWidget {
  const MyApp({Key key}) : super(key: key);

  // This widget is the root of your application.
  @override
  Widget build(BuildContext context) {
    return MaterialApp(
      title: 'Flutter Demo',
      theme: ThemeData(
        primarySwatch: Colors.blue,
      ),
      home: const MyHomePage(title: 'Flutter Demo Home Page'),
    );
  }
}

class MyHomePage extends StatefulWidget {
  const MyHomePage({Key key, this.title}) : super(key: key);

  final String title;

  @override
  State<MyHomePage> createState() => _MyHomePageState();
}

class _MyHomePageState extends State<MyHomePage> {
  int _counter = 0;

  String get url => 'https://photo.tuchong.com/4870004/f/298584322.jpg';

  void showSheet() {
    showModalBottomSheet(
      context: context,
      builder: (BuildContext context) {
        return Container(
          height: 240,
          child: Column(
            crossAxisAlignment: CrossAxisAlignment.start,
            children: <Widget>[
              Expanded(
                child: Text('保存'),
              ),
              Divider(height: 1),
              Divider(
                height: 0.5,
              ),
              Expanded(child: Text('取消')),
            ],
          ),
        );
      },
    );
  }

  @override
  Widget build(BuildContext context) {
    return Scaffold(
      appBar: AppBar(
        title: Text(widget.title),
      ),
      body: Column(
        mainAxisAlignment: MainAxisAlignment.center,
        children: <Widget>[
          const Text(
            'You have pushed the button this many times:',
          ),
          Text(
            '$_counter',
            style: Theme.of(context).textTheme.headline4,
          ),
          Expanded(
            child: GestureDetector(
              onLongPress: () {
                showSheet();
              },
              child: ExtendedImage.network(
                url,
                fit: BoxFit.contain,
                cache: true,
                // border: Border.all(color: Colors.red, width: 5.0),
                // shape: boxShape,
                mode: ExtendedImageMode.gesture,
                // borderRadius: const BorderRadius.all(Radius.circular(30.0)),
              ),
            ),
          ),
        ],
      ),
    );
  }
}

~ flutter doctor -v                
[✓] Flutter (Channel stable, 3.0.4, on macOS 12.2.1 21D62 darwin-arm, locale
    zh-Hans-CN)
    • Flutter version 3.0.4 at /Users/ones-wy/flutter
    • Upstream repository https://github.com/flutter/flutter.git
    • Framework revision 85684f9300 (4 months ago), 2022-06-30 13:22:47 -0700
    • Engine revision 6ba2af10bb
    • Dart version 2.17.5
    • DevTools version 2.12.2

[✓] Android toolchain - develop for Android devices (Android SDK version
    32.1.0-rc1)
    • Android SDK at /Users/ones-wy/Library/Android/sdk
    • Platform android-32, build-tools 32.1.0-rc1
    • ANDROID_HOME = /Users/ones-wy/Library/Android/sdk
    • ANDROID_SDK_ROOT = /Users/ones-wy/Library/Android/sdk
    • Java binary at: /Applications/Android
      Studio.app/Contents/jre/Contents/Home/bin/java
    • Java version OpenJDK Runtime Environment (build 11.0.11+0-b60-7772763)
    • All Android licenses accepted.

[✓] Xcode - develop for iOS and macOS (Xcode 13.3)
    • Xcode at /Applications/Xcode.app/Contents/Developer
    • CocoaPods version 1.11.3

[✓] Chrome - develop for the web
    • Chrome at /Applications/Google Chrome.app/Contents/MacOS/Google Chrome

[✓] Android Studio (version 2021.1)
    • Android Studio at /Applications/Android Studio.app/Contents
    • Flutter plugin can be installed from:
      🔨 https://plugins.jetbrains.com/plugin/9212-flutter
    • Dart plugin can be installed from:
      🔨 https://plugins.jetbrains.com/plugin/6351-dart
    • Java version OpenJDK Runtime Environment (build 11.0.11+0-b60-7772763)

[✓] VS Code (version 1.67.1)
    • VS Code at /Applications/Visual Studio Code.app/Contents
    • Flutter extension version 3.52.0

[✓] Connected device (3 available)
    • 21091116C (mobile) • rcguam4h759pt4jn • android-arm64  • Android 11 (API
      30)
    • macOS (desktop)    • macos            • darwin-arm64   • macOS 12.2.1
      21D62 darwin-arm
    • Chrome (web)       • chrome           • web-javascript • Google Chrome
      100.0.4896.75

[✓] HTTP Host Availability
    • All required HTTP hosts are available