animate conatiner while changing screen flutter - flutter

I want to animate a container(upcoming task container),when go back to home screen from tasks screen I tried using Animated container but not working any help???

Use the AnimatedContainer widget for this. This is the video explanation from Flutter Devs, about how to do it.

Related

Flutter video_360 - AndroidView Height getting cropped?

https://pub.dev/packages/video_360
https://github.com/kilroy80/flutter_video_360
I am using this package to play 360 videos in a Flutter app, and it uses Exoplayer for Android with AndroidView for the widget.
The problem is, the way this package is built is that if I set a SizedBox to the Video360View, it chops off a portion of the height when I set the MediaQuery screen height.
Instead of resizing the video, the video view is instead resized and no matter what I try I cannot get the full height of the video.
Is there any modification I can make to the package or do some Flutter workarounds to see the whole widget? (I tried the controller's height property, that didn't work either)
UPDATE: I set the Clip to none in AndroidView, and now I know it's the actual implementation that is not taking the full height of the video...
This only happens in landscape.

Is there a way to do an Image flow on effect with Onboarding Flutter?

Is it possible to do an onboarding experience in Flutter? See the link below...
https://dribbble.com/shots/15798418-Mobile-App-Onboarding
As you can see as the user swipe right to the next screen, the image looks like it is flowing on?
You should have three images, one for screen and try using this package Flutter swiper
I have done the same effect with this package

Gif is only animating once in flutter

I am fetching this gif image from internet and using CachedNetworkImage to load image in my flutter application. This image is animating only once. I also tried with Image.network. How do I continue the animation infinitely?
Seems to me this gif is set to play only once. Try re-exporting it with loop animation instead.
In other words, it's a gif matter, not flutter matter.

Changing the screen dimensions in Flutter web app

I'm building a web app with Flutter, but I want to mimic an iPhone screen view. I know that resizing the window can sort of achieve this effect, but is there a way to wrap all the contents in a frame of a phone screen graphic, or change the dimensions of the MaterialApp so that it is contained within the screen dimensions of a phone and doesn't fill up the whole window?
You can wrap MaterialApp in a SizedBox to restrict its size. Then you can use it anywhere you want just like a regular widget.
example

Scrollable screen over dynamic background

I'm fairly new to Flutter and am trying to accomplish something similar to what is being used in the Pigeon app for iOS. Basically I want an interactive page as a background in the app (like the map in the Pigeon app), and then have different screens appear over that background. These screens should be scrollable, but start at the bottom of the device screen, thus showing both the screen and the dynamic background at the same time. As long as the background is visible in you can interact both with it and the scrollable screen.
I have added a gif below which hopefully helps explaining the issues.
Any guidance on which widgets to look into would be appreciated. I've been experimenting with the Stack widget but can't yet figure out how to accomplish my desired behaviour.
For doing this kind of stuff you have to use sliver widget, which is provide by flutter material package
for more info you can check
Flutter Sliver