Long image scroll

[FrancescoXD]

Platforms

Android

Description

When I have a very long image I want that it takes all the width space and that it scrolls also.

My code

ExtendedImage.network(
                imageUrl,
                fit: BoxFit.fitWidth,
                mode: ExtendedImageMode.gesture,
                initGestureConfigHandler: (ExtendedImageState state) {
                  return GestureConfig(
                    minScale: 0.9,
                    maxScale: 3,
                    initialScale: 1.0,
                    inPageView: true,
                    initialAlignment: InitialAlignment.center,
                  );
                },
              ),

Try do it

I tried with SingleChildScrollView() and it works the way I want, but the gestures don't work. Removing the SingleChildScrollView() it takes only a small column all to the left.

[zmtzawqlp]

don't set BoxFit.fitWidth, and you should set initialScale to matchwidth

[FrancescoXD]

how should I match the initialScale to the screen's width? I tried with MediaQuery of size.width, but it doesn't work.

[FrancescoXD]

ExtendedImage.network(
                  imageUrl,
                  mode: ExtendedImageMode.gesture,
                  initGestureConfigHandler: (ExtendedImageState state) {
                    return GestureConfig(
                      minScale: 0.9,
                      maxScale: MediaQuery.of(context).size.width * 3,
                      initialScale: MediaQuery.of(context).size.width,
                      inPageView: true,
                      initialAlignment: InitialAlignment.center,
                    );
                  },
                ),

I tried with this but the image is very zoomed.

[zmtzawqlp]

you can use this method

extended_image/example/lib/common/utils/util.dart

Line 9 in 618a0f0

double? initScale({

[FrancescoXD]

Do I have to copy all the function code and put everything on mine and test it?

[zmtzawqlp]

You should calculate the initial scale so that the width of the image fits perfectly, allowing you to scroll up and down