Stacked ListView in Flutter - flutter

I would like to have a horizontal ListView with items stacked on top of each other at both ends. There are the Stack and Positioned widgets to align items on top of each other, but I couldn't find an implementation which inherits the qualities of both ListView and Stack. The expected outcome should look something like this:
How do I accomplish that?

you probably looking for ListWheelScrollView check this:
ListWheelScrollView

Related

Flutter: how to build a Widget-List-List-Widget layout?

I would like to build something like this:
Container
Container
ListView (tappable items)
ListView items based on firstListView tapped item - it is hidden until something tapped in first list
Button stick to the bottom
ListViews are ruined whatever I am trying, expanded, flex, mediaquery etc...
Thanks in advance.
Not sure what you mean with the "stick to the bottom" part, but if I understand correctly, you may want to take a look at the ExpansionPanelList.
Don't worry, you can customize the header to be fully tappable and hide the arrow.

How do I get a GridView inside a TabBarView?

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:

Flutter create a transsission from a GridView element to Header

I'm looking for an animation from a GridView Selection to a new Page.
Here is the transmission I like to have:
But I don't know how to make this. I could use a AnimatedContainer for each GridViewItem, but this would not help to "break out" from the Grid during the animation.
Should I use a Stack and a Positioned AnimatedContainer? What is the best attempt here?
Try to use the Hero Widget. In Simple, you'll have to wrap the grid element with the hero widget and pass the tag within the screen.
A Code example is available in the official documentation.

Flutter: A horizontal ListView that selects items like a ListWheelScrollView

I would like to create a scrolling selection widget in Flutter that looks like a horizontal ListView but acts much like a ListWheelScrollView in that it uses FixedExtentScrollController and emits a selection event (callback) for the child scrolled into the center of the list. Especially the list should only allow scrolling by multiples of the size of its children (which are all the same size) and keep one child at the center of the view, even if there are no other children to the right or left.
Is there anything like this out there or do I have to roll my own?
I discovered the Carousel widget from getwidget which can be configured to meet my requirements.

How to achieve the UI effect which swipe listview with a 'X' from gone to visible and accompany with the item?

How to achieve the UI effect which swipe listview with a 'X' from gone to visible and accompany with the item?
I want to achieve a UI effect which when I swipe a listview item,there would be a 'X'follow it.What I use to achieve swipe listview is EnhancedListView.
What I want to achieve is like this:
At first,the listview will be like this:
When I swipe it:
Then the picture will be:
I wonder how to achieve the effect.As the listview I use now,there are two layers of the listview item that I can swipe to let the bottom layer shown.But it can hardly achieve the effect like that.
Thank you very much.
https://github.com/steelkiwi/ListView-Swipe-to-Delete this is probably what you're looking for..