Im Looking to integrate a sheet that drops down from the top of the screen, containing a set of buttons and textfields. However, i cant find any widget suitable for doing this. Is there a way to reposition bottomsheet to achieve this?
Related
I wanna make a list of medals in Flutter, that shows 3 medals, and if the user click in the arrow, it shows one more medal, one at a time.
The figma prototype is this:
Someone has any idea of a widget or a way i can do it with flutter?
I have an idea what about making horizontal ListView with ScrollController and on arrow click you will use scrollController.animateTo and give the offset 1/3 screen width
Can anyone suggest to me how can I build a pull-down appbar. I searched the whole net but can't find any idea regarding this. It would be great if anyone could guide or suggest to me to build the appbar.
Edit:-
Many developers are saying to use SliverAppBar. SliverAppBar basically collapses the app bar when we scroll up the listview or any other widget, whereas I want an app bar that pulls down i.e when we tap the app bar and scroll it down only the app bar grows on top of the body. So basically when we navigate to the home screen the app bar should look like the second referred image i.e it must be closed. But we can pull down that appbar to view the hidden contents of the appbar. I am attaching an image for reference.
I Think what you mean what pull down App is an Appbar that expands try.
the silver Appbar
https://youtu.be/mSc7qFzxHDw
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 would like to create a scroll up bottomsheet something like this
Right now I am working with DraggableScrollableSheet widget. But I don't know how to add animation and that handle icon that changes when the sheet goes up or down.
You can use Solid bottom sheet package from here
also bottom_sheet_bar is similar like this.
In my flutter projects I use the following package for animated bottom sheets:
https://pub.dev/packages/modal_bottom_sheet
I have tried everything. But I can't find a permanent solution How to put the title in the center while my back icon button on the left side. I want to use this secondary app bar on every screen of my app.
Please check the image below for a better understanding.
This is the problem that I am facing
Take a ListView Widget at body of Scaffold and in its children put first widget as a ListTile that comes under AppBar. So that there will be a leading icon and title in center. After that take a Column and add your needed widgets for every page.