Photo_view: Overlapping Image when used in Column

Created on 1 Nov 2018  路  3Comments  路  Source: fireslime/photo_view

I have the below code to show a zoomable image and another widget below it.

When I zoom the image to a larger scale, the image overlaps the second widget below the container.

            return Column(
              children: <Widget>[
                Expanded(
                  child: Container(
                    height: 300.0,
                    margin: const EdgeInsets.symmetric(vertical: 20.0),
                    child: PhotoViewInline(
                      imageProvider: CachedNetworkImageProvider(
                        post.imageUrl,
                      ),
                    ),
                  ),
                ),
                getFeedWidget(),
              ],
            );

The second widget is visible over the zoomable image. Ideally, user should see only the zoomable image.

question

All 3 comments

You can use ClipRect around Container to avoid that overlaping.

It works.. Thanks..

Does it make sense to add example with ClipRect to readme?

Was this page helpful?
0 / 5 - 0 ratings

Related issues

nobutakaes picture nobutakaes  路  4Comments

criswonder picture criswonder  路  5Comments

clragon picture clragon  路  8Comments

UlanNurmatov picture UlanNurmatov  路  7Comments

hugocbpassos picture hugocbpassos  路  5Comments