Can a bottomsheet be made scrollable? For example it opens initially upto a particular height and scrolls up as the content is scrolled. If yes, please help!
The DraggableScrollableSheet is here for that purpose.
This widget can be dragged along the vertical axis between its minChildSize, which defaults to 0.25 and maxChildSize, which defaults to 1.0.
You can use any Scrollable widget as child of DraggableScrollableSheet.
See the official video from Flutter team.
Related
I need to resize a widget from top and bottom on drag in Flutter. Does someone know how can I do it?
You can check Resize Widget package for your requirements
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 want to have a sticky widget similar to the floating widgets in scaffolds, difference is that this widget would belong to a ListView, when it isn't on screen it would behave as a floating widget, when user scrolls so its position be visible it would start animating to stay on its position on the ListView.
Here is a visual example of what I am trying to achieve
https://miro.medium.com/max/1200/1*GsH-kEVNtoDZaM0ZjNYRpQ.gif (the 'MY STICKY BUTTON' widget)
is this even possible in flutter ? and if so how ?
Thanks in advance!
How can I combine a swiper action with a fade-in/fade-out action in another area of the screen?
My screen is divided into two halves: The Top is a text widget and the bottom is a swiper widget with two pages. My goal is to fade-out the text in the top half when I swipe to the second page in the bottom half.
I'm using this dependency for the swiper widget in the bottom half: https://pub.dev/packages/flutter_swiper
I solved it by using GestureDetector widget and updated the opacity via the state.
The GestureDetector needed two functions: onDragUpdate and onDragEnd. Both changed the state of the progress which is also used to update the opacity in the other half.
Quite some work for such a small interaction, however, it works.
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.