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.
You can use ClipRect around Container to avoid that overlaping.
It works.. Thanks..
Does it make sense to add example with ClipRect to readme?