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
0 answers

How can I adjust a values as page scrolls in flutter

I have created a listview with a scroll controller, I am able to get offset values via _scrollController.offset now I want to be able to move from double initialPointX = 0.5; double initialPointY = 0.0; double hDrag = 20; double vDrag =…
samezedi
  • 621
  • 5
  • 15
0
votes
0 answers

type '_AnimatedEvaluation' is not a subtype of type 'Animation' in type cast

I was creating a simple animating heart. It was working fine without null safety. When I try to change it in null safety. I got this issue. class _HeartState extends State with SingleTickerProviderStateMixin { late AnimationController…
Mahi
  • 1,297
  • 1
  • 14
  • 28
0
votes
1 answer

Using hero animation with GetX Flutter

Does anybody have experience using the Hero animation with the GetX Route-Managment? I followed the instructions in https://docs.flutter.dev/development/ui/animations/hero-animations and use Get.toNamed()to navigate between my routes but it doesn't…
quinzo
  • 580
  • 2
  • 6
  • 21
0
votes
0 answers

while bool variable is true I want to display CurcularProgressIndicator() for some duration, but its not showing in flutter

//This is the Class of one of my app page (MainPage) It has showindicator() function which is turning _isloader into true for 10 seconds. class MainPage extends StatefulWidget { MainPage({Key? key}) : super(key: key); @override …
0
votes
0 answers

Is have any idea about how to add expnasion tiles inside Dropdownbutton #flutter

Is have any idea about how to implement expansion tile inside dropdown button. For clicking dropdownbutton , i want to show list of expansion tile, for clicking each expansion tile, i want to show each expansion tile details. have you anyone know…
0
votes
0 answers

How to render a custom GridView based on the JSON response from Server for Flutter(Android)?

I am designing a plant tracking app for which I need to render grids, the problem is the fields are uneven and so some grids are rectangular, some are square and some are uneven as well and I need to track each and every plant as a grid cell, and…
MadhurJ
  • 33
  • 5
0
votes
1 answer

for loop isn't selecting the dates as I used the datewidget() in Flutter

Actually i am working on a github project which i downloaded it and practicing on it, but i am stuck in selecting the dates i used for loop to list the dates but when ever i click on it it isn't selecting those dates only the first date is selected…
0
votes
0 answers

How to undo the selection of a Grid Cell in Flutter?

Ref: How can I select Widgets by dragging over them but also clicking them individually in flutter? I followed the codebase on this link and I am successful in creating a grid view where on selection the color changes however I am unable to…
MadhurJ
  • 33
  • 5
0
votes
1 answer

Execute animation when button clicked flutter

I am creating a flutter web where is created home and about widget in column and uses SlideTransition on about widget but the thing is when the page load the animation happen even I am on Home widget. I want when i click on about widget then the…
RIZWAN ALI
  • 120
  • 1
  • 1
  • 11
0
votes
0 answers

How to auto hide appbar flutter

Can anyone tell how to implementation auto hide appbar when scroll down and if we scroll up the app bar appear again. Any code example will be appreciated New to flutter curious about how to implement this
Humaira
  • 13
  • 3
0
votes
0 answers

DraggableScrollableSheet at the bottom of the page not screen

I would like to create an effect similar to DraggableScrollableSheet but instead of it being attached to the bottom of the phone, it is at the end of a scrollable page. So the user scrolls to the end of the page and finds this sheet, which they can…
S. R
  • 23
  • 8
0
votes
1 answer

How to Upload Image into SQL Server using api

I am trying to upload an image with user data into a PHP SQL server using laravel API.. but I am getting error on uploading image.. My Image Code is: var multipartFile = http.MultipartFile( 'image', image.readAsBytes().asStream(), …
Ehsan Abid
  • 43
  • 6
0
votes
0 answers

Carousel is not working when sliding right : (

I have a carousel that slides with texts and Images. I want to move Left and Right but this code moves up and down. It only Moves Up And Down ,But I Want the Slider to move Left and Right StreamBuilder( stream: offer.snapshots(), builder:…
0
votes
1 answer

Convert Matrix4 to a Float64List in Dart/Fluter

In Flutter the transform method for path requires at Float64List to represent a Matrix4. How can one convert a Matrix4 into a Float64List to be used in path.transform()? Flutter Path…
Kdigital
  • 3,795
  • 3
  • 28
  • 24
0
votes
1 answer

How do I change a textfield in an AlertDialog box to a list of clickable items which in Flutter

In my table calendar, the input from the textfield is currently displayed as shown. However, I want to change it to option when I input after input Here is my current code: showDialog( context: context, builder: (context) => AlertDialog( …
1 2 3
99
100