how to display and hide the progress bar on top of listview same as facebook in which loader display while only pull the listview toward bottom and the size of progressbar (loader) is set according to how much size produce by pulling the listview toward botttom?
Related
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.
I'm kinda new to Flutter and I am trying to build a home page where the header is at the back of the main content. So when the app is scrolling, the content in front is overlapping the header.
Like this
The main goal I want to achieve is overlapping scrolling. But it's nice if I can make the status bar color and the border radius changes when I scroll up the content, but I guess it's kinda advanced?
Can I user SliverAppBar to make it works like that? or are there any plugins for that?
Thank you
You can use Draggable Scrollable Sheet for this with min height of 0.7 to 0.8.
https://api.flutter.dev/flutter/widgets/DraggableScrollableSheet-class.html
I am trying to create a bottom sheet that resizes according to the content inside it. Only thing I found regarding bottom sheet's height is how to make it a fixed amount, but I would like to fit the content anytime it changes.
My question is similar to this How to make my page scrollable when i show overlay element, that have too many items in flutter? but it has no answers so I'll try to ask as well:
I have an Overlay showing a list of questions using ListView. The list of questions is long and I need to enable scrolling inside the Overlay.
Now it's static and part of it disappears at the bottom of the mobile device.
Why is not just scrollable (since the list inside the Overlay is inside a ListView) and is there a way to make it scrollable?
Thanks in advance for any help!
UPDATE (SOLVED) :
The problem was that the ListView widget is inside a Positioned widget and the top, left, bottom and width values (in my case) need to be set in order for the content to be scrollable.
The problem was that the ListView widget is inside a Positioned widget and the top, left,bottom and width values (in my case) need to be set in order for the content to be scrollable.
I have a bottom container with a progress bar in it, and when i click or swipe up i need it to follow the bottom sheet as a header.
Can I attach it to the bottom sheet or can I implement it in the sheet itself and then have the sheet peek up by some offset?
I've watched all guides, tutorials and flutter demos of the first few google pages and I cant seam to find any information about it.
Please provide me some guidance so I can flutter in the right direction.
This effect can be achieved using some basic widget building.
StackView
Container: background overlay
Column: MainAxisSize.max
Container: height = (screenHeight - bottomBarHeight)
BottomBar: fixes size
Container: Bottom Dialog
Create a fullscreen stateful widget with a fixed size using MediaQuery.size.height. When tapped animate the Column up to distance you want this to go, most likely the height of the Bottom Dialog Container.
Animating the y property of the Column should get this to work fine.