Animation between two lists like Duolingo in Flutter - flutter

I need to make an animation between two Wrap widgets, I found it only as a link to the sheet that scrolls animatedlist,
This
I need wrap, I also know that there is local_hero , but it does not work on flutter 2.8 and higher.
Is there any solution?
I mean duolingo

Related

Animate Flutter DataTable

I'm relatively new to Flutter and am now trying to animate some of my widgets.
I'm currently struggling to animate my DataTable. I have a dynamically built DataTable that has to be able to add and delete values. I'm trying to animate insertions and deletions of a new Column. Right now this is happening instantaneously.
I've seen that Flutter offers a lot of animated widgets out of the box already. For example AnimatedList which would probably be perfect. Unfortunately, I haven't found any alternatives like that for the DataTable widget.
How would one go on to animate something like this?

Paging by item Flutter

i would like to achieve pagination with flutter like this: every swipe gesture there i only one page swipped, and it is being centered in the screen. on the edges of the screen you can see parts of the next and previous items i.e the item is NOT THE SIZE OF THE SCREEN. this requirement is important. i can't set the item to be the size of the screen, also it should have padding between the items. for a better understanding i have a gif attached.
Thank you.
https://gfycat.com/soreheartfeltguernseycow
You can achieve the goal easily using PageView widget.
Ive found a class carousel_slider which is easily making that functionallity under the hood using PageView as suggested above.
For anyone who will need such behaviour as in the gif, see https://pub.dev/packages/carousel_slider

Centered carousel without snapping in flutter

I'm trying to make a carousel-like view here using SingleChildScrollView, I want the item to snap in the middle of the screen when scrolling, one item at a time.
I would personally recommend using the carousel_slider package, which provides a lot of flexibility: You can use custom widgets and views, and create both horizontal and vertical carousels.
Pub link: https://pub.dev/packages/carousel_slider
Alternatively, if you'd want to create it yourself, I think you'd have to try around working with custom ScrollControllers. Maybe take a look at the source code of the aforementioned package for some pointers.

Pageview.builder overlapping effect

I'm coding a quiz app. I want to achieve this. Everything is okay but the overlapping effect doesnt. I'm using pageview.builder to navigate between pages. How can i achieve this ?
I think you wish to have a carousel effect for your question cards.
A simple solution would be using ListView horizontally, also there are some packages that you would like to check, for example;
flutter_swiper
carousel_slider

How to Implement Multi-Layer Circular ListView in flutter?

I want something like this:
Circular ListView Example
But, I have been looking everywhere and can't find someway to do so in flutter, is it possible? if not in what framework or language, is this possible?
Note: Already Tried This How to create circular ListView in Flutter It doesn't spin nor it can I select any of the items, so generally it doesn't work