Customize pageview Flutter - flutter

I am trying to create a pageView in flutter that shows the preview of the current and next page and hides the preview of the previous page as is in the attached image. How can I achieve that?
I have tried viewportFraction but it also shows the previous page

Related

How to scale down a widget to display an overview in a grid view?

In my Flutter app, the user can create and edit multiple pages that are displayed in a PageView. The user can see one page at a time. Now I want to show an overview of all pages by shrinking the widgets and showing them in a Wrap layout widget.
I've tried this with the Transform.scale widget, but this keeps the original size of the page and just displays the child widget at a lower scale.Therefore this does not bring the desired effect in a wrap layout.

Delete picked images one by one from gallery - flutter

I can able to pick the images from gallery and show it up in the UI. I have to delete the one by image after selecting. I done the UI, by showing the red cancel button for each image . But i am unable to delete and show it up un the UI. Please help.
this is my code.
Extract the Bottom Sheet Widget to Separate Stateful Widget and it should work.
setstate won't work inside that particular Bottom Sheet until it's separated to a Stateful Widget. Give it a try.
I Done by myself. The issue is i am using bottom sheet to add the images. To delete the images i called removeAtIndex. it works fine. The problem is the bottom sheet does not know the state of the context, so added statefull builder for the bottom sheet. Now it works fine.

Flutter overlapping issue in Pageview?

when I swipe from one Page to another in my Pageview the the Background is overlapping. On Page 2 is the Background the Front of Page 1. What to do?

Swipe page over another page in flutter

I want create verticaly scrolling pageView and want change page change animation, I want swiping page come over another page. How can I do this?

Flutter - FloatingActionButton is shown after going to next screen

I tried a bottom navigation bar with Floating Action button as in the following link
https://codewithandrea.com/articles/2018-09-13-bottom-bar-navigation-with-fab/
It works well but when I move to next screen the floating button gets displayed and its funtion's are still working
I found a same type of issue(question) but no answer
Flutter - FloatingActionButton isn't shown after going back a screen
how to block the floating button visibility in upcoming screens
please put your code. I am not aware of this problem but if you don't want it to be visible in a specific screen you can do so for example
_currentIndex==2? FloatingActionButton():Container()