I am trying to achieve this vertical stack scroll or vertical stack ListView (if there is a different term used for this kind of scrolls, please share it) for a web app, but I haven't found any package that does anything close to it
Is there some built in widget or a package that can help me achieve this?
Related
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
How to make a stack of slidable cards like this in flutter.
There must be both right and left sliding possible.
For swiping a stack of cards you can use swipable_stack package. There is also this GitHub code to get some ideas in case you want to implement it by yourself not using a package.
I want to achieve following layout in a flutter app:
App bar
Text widget
Row of chip widgets
Tab bar with three labels
Three tab views with each one ElevatedButton and a GridView.
The debugger starts bleeding once I try to place the GridView inside the tab view. The debugger complains about 'hasSize' etc.
As far as I know the problem is that I use GridView inside SingleChildScrollView. After that I tried many things, using CustomScrollView and slivers. But it got uglier and uglier. I used SingleChildScrollView because I want the view to be scrollable as far as the GridView goes.
I would appreciate it if someone who did something similar guided me to the right direction.
Here's an image of what I try to get:
I'm using a SingleChildScrollView. I want to enable scrolling but hide the scrollbar.
In Android I used android:scrollbars="none" to accomplish this but cannot seem to find a way to do this in Flutter.
All existing questions remotely related to this topic talk about how to disable scrolling not merely hiding the scrollbar.
Is there a way to accomplish this or is there a way to reposition the scrollbar to better position the scrollbar in my app?
Any help is appreciated. Thanks.
Edit: this answer solved it for me
How can I make a custom circular progress indicator like the ones in the below image in Flutter? The out of box one does not allow adding text in the center.
Screenshot of Example
I think you have two ways.
first put CircularProgressIndicator and Text widgets into Stack and place them as you want(Text in the center and CircularProgressIndicator cover all stack space). Stack widget is key point here for you to understand...
the second way and more flexible way is to this action with CustomPaint Widget.
this link will help you to achieve the goal...
https://medium.com/#NPKompleet/creating-an-analog-clock-in-flutter-i-68def107d9f4