Tween | tween.js - tween | Animation library

I am building a chat app with firebase and I am currently storing each message as a document inside a collection in firebase. I use a StreamBuilder to get the latest messages and display them. I want to add an animation when a new message is received and sent. I have tried using an Animatedlist, however, I don't get how to make it work with a StreamBuilder. As far as I understand I would have to call the insertItem function each time a new message is added. Is there a smarter way to do it? Or how would this be implemented?

This is what I have so far:

I have created a progressbar with a line that grows from a certain start point to a certain end point.

The following pic shows how my progressbar looks like:

The problem is that the line gets drawn beyond the width of canvas used for drawing it. I have set the width of canvas only upto the smiley in the above pic, but the growing line exceeds it.

This code is used to create a LaunchedEffect used while drawing the growing line:

[enter image description here][1]I want to have 2 different text widgets slide in one after the other (e.g. title and subtitle) automatically when the screen loads.

Seems simple enough!

I can achieve this animation effect easily by writing the code used to support a SlideTransition. And then duplicating this as per the code snippet below (e.g. 2 animition controllers, 2 animation objects, 2 slide transition widgets). With the 2 animation controllers wrapped in a future delay set at two slightly different times. However, this seems like a very inefficent way to achieve this simple task.

Note: I have tried and failed achieving this effect with using TweenSequence (which appears suited for multiple animations on the SAME object).

I also made this work using an Animated List, but again the amount of extra code to support an animated list seemed over-the-top for 2 widgets.

Does anyone know what the preferred way / less verbose way to achieve this would be (preferably with just one animationcontroller)?

Thanks!!

I am trying to fire some Boxes regularly from bottom to top. I have almost managed to achieve this but for some reason my Boxes are not spaced evenly, as you can see from the gif. My feeling is that my code is not the best way to achieve what I am trying to do. Does anyone have any ideas?

Here is my code:

Is there a way of shuffling questions and options in flutter? Like in one question I have 4 options of answer in one card, but only one is correct. When I finish the Quiz and try to play again the order of options does not change its positions like the image.

So the I'd like the options inside the card change its position, like from first to last or any position. The code below is how I'm trying to make this, getting a list of questions.

I want to create an infinite animation with a one-time start delay in Jetpack Compose.

I used infiniteRepeatable() with tween():

is it possible to run a function after end this animation? Thank you for you help

I'm porting a offline Flutter game to online and the only difference in the code is that the new online code where the problem occurs has a active StreamSubscription being listened to. I can't find anything online other than 1 issue saying this is a bug.. any ideas on why dipose() is being called on the initial build?

I am trying to animate between widgets as follows: