Flutter: How show a simple SpriteWidget from a simple Spritesheet - flutter

dependencies:
spritewidget: ^2.0.1
Can anyone provide an example of how to display a simple sprite sheet animation with Flutter SpriteWidget? I've been reading the docs and trying to get the sprite sheet animation to show but with no success. i don' t know if I'm not following it correctly, but I've been trying for hours and I feel the example provide on the package page are to complexed. I just want to display the bottom sprite sheet rendered as animation widget. Any help is greatly appreciated!

Related

How to make this type of Animation in flutter?

Above the image to below the animation.
How to Extract the single part of the image element in flutter then make to below animation.
How to achieve this type of animation in flutter. It was done by CSS. I was working to make this type of animation but I need some Suggestions and Example. If you know please share your experience and knowledge for achieve this.
You must have the SVG file of each of the gears and use the Rotation Transition Widget and stack Widget for Rotation and use AnimatedContainer for wieght

Hand held camera-wiggle effect on flutter

I looking for an animation loop on flutter that will do something like that:
https://www.youtube.com/watch?v=hBCBAbR-B5w
The idea is to display a List View where every item wiggles around in a confined space.
Is there any package for that on flutter? Any guidance to do it manually if not?
Thank you!
Try
Package https://pub.dev/packages/shake_widget
Or
Custom animation
https://codewithandrea.com/articles/shake-text-effect-flutter/

Flutter custom bottom sheet shape and animation

I want to create a custom bottom sheet shape and animation like in this example:
Anyone knows a package for this or can guide me on how to achieve this?
Thanks in advance!

How to draw an animated logo using dart flutter as a splash screen

I am trying to create a dynamic logo using as a splash screen using dart flutter as the below image
So as the previous image this shield logo there's a way to create it dynamically using dart-flutter as to able to animate it easily as dragable those small squares in the shield logo...
There's a tutorial or docs related to this case could help me...
I hope this would be clear enough..
If there is no user interaction then you could use
Lottie animation or else if you want to have a user interaction with the animation to it then you could do like
ColorFiltered with the position
Update the state of the position from drag/click position

Custom BouncingScroll Effect in flutter

Project
Hi, I was playing around with bouncing scroll physics in flutter, trying to achieve a specific behaviour.
Here is a simple mockup
BouncingScrollPhysics in flutter create this overscroll effect on top of a listview adding some space in relation to user scroll.
Question
Is it possible to extend this behaviour also to the spacing between list view elements? I noticed this kind of behaviour in some ios apps lately and i wanted to understand if this is achievable in flutter.
Hope someone can help with this, it's really cool effect.
Thanks