How to show image in vertical PageView?

Question

I want to make a vertical image viewer.

But when the Image is bigger than the screen, top&bottom of the image are hidden.

So I made Pageview and put ListView in PageView.

Now I can scroll down until the end of the ListView but can't scroll PageView.

I want to make 'complete' scrollview in the flutter.

How can I make scroll view in flutter?

PageView(
                    scrollDirection: Axis.vertical,
                    pageSnapping: false,
                    onPageChanged: (index) {
                      setState(() {
                        _currentSlider = index;
                      });
                    },
                    children: file.getImages
                        .map((e) => Center(
                              child: ListView(
                                physics: ClampingScrollPhysics(),
                                children: [
                                  Image.memory(
                                    e,
                                    fit: BoxFit.fitWidth,
                                  )
                                ],
                              ),
                            ))
                        .toList(),
                  )

@pskink Yes. I already tried that solution. But I can't scroll PageView in SingleChildScrollView. I want to scroll PageView in smooth. — 이상진, May 25 '21 at 13:08
Sorry. It doesn't work in landscape mode. I just want vertical scroll view. like this. [link](https://raw.githubusercontent.com/MrBendel/APLoopingScrollView/master/APLoopingScrollView/APLoopingScrollView/gifs/vert.gif) — 이상진, May 25 '21 at 13:22
No, It doesn't work. I am trying [this](https://stackoverflow.com/questions/67515358/how-to-put-listview-inside-pageview-and-scroll-both-of-them-vertically/67515359?noredirect=1#comment119685956_67515359) now. — 이상진, May 27 '21 at 05:00
Yes. That's what I tried. Now I use photo_view and It works. Thanks. — 이상진, May 27 '21 at 06:12

score 0 · Answer 1 · answered May 24 '21 at 04:45

try adding a SingleChildScrollView() like so:

PageView(
      scrollDirection: Axis.vertical,
      pageSnapping: false,
      onPageChanged: (index) {
        setState(() {
          _currentSlider = index;
        });
      },
      children: file.getImages
          .map((e) => Center(
            child: SingleChildScrollView(
              child: ListView(
                physics: ClampingScrollPhysics(),
                children: [
                  Image.memory(
                    e,
                    fit: BoxFit.fitWidth,
                  )
                ],
              ),
            ),
      ))
          .toList(),
    )

It doesn't work without 'shrinkWrap: true'. With 'shrinkWrap: true', it works same as my example. — 이상진, May 24 '21 at 04:59

How to show image in vertical PageView?

1 Answers1