Questions tagged [flutter-animation]

Flutter animations that use tweens or physics-based animations. This also includes any use of AnimationController or implicit animations.

Flutter’s animation support makes it easy to implement a variety of animation types. Many widgets, especially Material widgets, come with the standard motion effects defined in their design spec, but it’s also possible to customize these effects.

Animation types

Animations fall into one of two categories: tween- or physics-based. The following sections explain what these terms mean, and points you to resources where you can learn more. In some cases, the best documentation we currently have is example code in the Flutter gallery.

Tween animation

Short for in-betweening. In a tween animation, the beginning and ending points are defined, as well as a timeline, and a curve that defines the timing and speed of the transition. The framework calculates how to transition from the beginning point to the end point.

Physics-based animation

In physics-based animation, motion is modeled to resemble real-world behavior. When you toss a ball, for example, where and when it lands depends on how fast it was tossed and how far it was from the ground. Similarly, dropping a ball attached to a spring falls (and bounces) differently than dropping a ball attached to a string.

Reference: https://flutter.dev/docs/development/ui/animations

2656 questions
0
votes
1 answer

switch two screens repeatdly in flutter continously

i want to switch between two screens continously, i used AnimatedCrossFade but it switch them once, home: const AnimatedCrossFade( duration: Duration(seconds: 2), crossFadeState: CrossFadeState.showSecond, …
0
votes
2 answers

Flutter - How can I design List Tile & List View

This is the result that I want. This is the current output that I have. How can I achieve this result specifically the lines that are present in between the list tiles? I am using a ListView to show the rules. Below is the code for the ListTile…
L.Goyal
  • 773
  • 2
  • 6
  • 23
0
votes
0 answers

Flutter: SvgPicture/png Image gets pixelated

Any solution to fix the pixelated issue on flutter? Here is my code. Code Image.asset( 'assets/logo.png', ), SvgPicture.asset( 'assets/logo.svg', ), Even i tried to solve it with filterQuality but i…
0
votes
1 answer

Flutter ScrollController in ListView

I made a chat app in flutter . i want when i open the chat page automatic scroll to the last message like real whats app or messenger . i want when i open the page i be in the last message . i dont want to use reverse in list View i tried to do this…
0
votes
1 answer

How can i achieve this with flutter?

enter image description here On clicking any of the tabs I want to expand the container which contains textfield as in picture 2. enter image description here Then I want to switch tabs but second click on same tab should contract the container like…
0
votes
1 answer

Flutter - Circular menu from bottom navigation bar

I have created a bottom navigation menu in my app and i would like to create an animated circular menu when i click on the transact button. When i click on transact i want it to pull up like this This is my current bottomNav…
Tinovimba Mawoyo
  • 400
  • 4
  • 19
0
votes
0 answers

How to create shape using clipper in flutter?

Unable to create such curvy shape like in image attachment using CustomClipper. Can anyone can help? class Customshape extends CustomClipper{ @override Path getClip(Size size) { double height = size.height; double width =…
jazzbpn
  • 6,441
  • 16
  • 63
  • 99
0
votes
1 answer

How to build tab bar middle of screen in flutter?

Except for the app bar and bottom bar, everything is scrollable. Tab view will have a list with > 50 items with images and heavy data. So full page should be optimized. Also, it should have a ghost loader for all items. I have difficulty using…
user3066829
  • 157
  • 1
  • 1
  • 12
0
votes
2 answers

Flutter prosperity text form field

I want to build a textFormFeild so that it is like the one in the image below, in addition to that I can control its properties such as default textFormFeild and it is responsive. In the case of focus, the background color is changed. I want to…
Mohammed
  • 365
  • 1
  • 4
  • 16
0
votes
1 answer

Flutter extent scroll

I have a list of images that I want to distribute into two columns of an avatar circle, with one column taking half of the images and the other column taking the rest of the images. I put a simple example of code how can I apply that to it? Also how…
Mohammed
  • 365
  • 1
  • 4
  • 16
0
votes
1 answer

How do I make sure the Tween values doesn't make a huge jump?

I'm implementing animations in my app. When the screen loads, I want to make the container come from bottom to the middle of the screen, gradually increasing in height and width. But the width jumps from 0 to 356: code in initState: width =…
0
votes
1 answer

Flutter circle avatar

I have a list of images that I want to distribute into two columns of an avatar circle, with one column taking half of the images and the other column taking the rest of the images. I put a simple example of code how can I apply that to it? Also how…
Mohammed
  • 365
  • 1
  • 4
  • 16
0
votes
0 answers

FlutterWebApp trouble local host

I have a flutter web app already compiled, I have it local because my DB is also local, when I have an internet connection the web works perfectly, but when I do not have internet does not load, some tips Do I have to modify something in the code?
0
votes
0 answers

Parallel Timer animation in flutter

I made an automatic scrolling bar in flutter, the way I made it scroll automatically by using a combination of a timer and scroll controller, and then I linked the scroll controller to a regular ListView.builder, blew is the implementation of my way…
arab abdo
  • 100
  • 2
  • 7
0
votes
1 answer

Flutter | How to animate a widget upon navigation?

How to animate a widget based on navigation? For when it is first created, we can use animationController.forward(); in the initState. But what about the other transitions: same route pop new route push new route pop
Sina Seirafi
  • 2,073
  • 3
  • 15
  • 16