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

add search and paginated in data table flutter

hi how can i add search and paginated in my Datatable2 in flutter this is my code and data come from server and i have one request for search for exmaple when typing the name of person and send to server response is returned ..how can i This…
0
votes
1 answer

Custom flutter navigation?

I am using CupertinoPageRoute for their navigation animation and I want to customize it a bit. Page I am going to(Page2) will slide from right and when I pop that page(Go back to Page1) it will slide in opposite direction(from left) that's default.…
0
votes
2 answers

Flutter: Prevent ChangeNotifier's notifyListeners from preventing the animation of the sending button whose state depends on the ChangeNotifier?

My actual app is a lot more complex but I have been able to simplify it down to this example which demonstrates the issue. I have 2 buttons which are supposed to reflect the same data. In this example, I have 2 like (heart) buttons. They can either…
0
votes
1 answer

Can I disable the automatic keyboard pop-up of the SearchDelegate Class?

Im using the SearchDelegate Flutter class. It automatically opens the keyboard when I use the showSearch Method. I figured that I could close it right away within one of the overwritten Methods. But I don't want it to pop-up in the first place. Only…
0
votes
0 answers

How to play a video with any flutter video players, where the video url is CDN signed from cloudfront

I want to play videos from a given url, but the url is CDN signed from cloudfront. As the video player expects a url with mp4 extension. Currently I'm using video_player: ^2.1.12. One stackoverflow answer was to use flutter_playout but the package…
0
votes
3 answers

How to make appbar and bottom navbar hide while scrolling in flutter

I am currently working on a application which has both appbar and bottom navbar. I wanted the appbar and bottom navbar hide while the user scroll. I have two screens Navbar screen : Here the code for bottom navbar and appbar is written which…
Jeevan Crasta
  • 103
  • 2
  • 10
0
votes
1 answer

Flutter Error: Looking up a deactivated widget's ancestor is unsafe

Here I am showing two dialog first is "showAlertDialog" second is "showAlertDialogWithSingleBtn" inside of first one. In first dialog I am asking to delete account,if user selected yes then i am redirecting on EnterNum() page then after that i am…
Deepak
  • 1,664
  • 3
  • 19
  • 52
0
votes
0 answers

How to create vertical container, with 3d filling effect

I am trying to create something like this in flutter: Image 1 - Image 2 The two main aspects are: the filled part of the vertical container has this elipse with darker color on the top, which gives the 3d depth effect on Image 2 there is that %…
0
votes
0 answers

path.isNotEmpty': a document path must be a non-empty string)

` im trying to make qrcode app for my flutter application. But this error is always come up everytime i try to click to scanner. The error Can someone tell me what is wrong with my code. ` final String? uid; _HomePageState(this.uid); Future…
0
votes
2 answers

How to create a flip countdown clock widget

If anyone knows how to create this type of animation then please help me with it. I tried various packages from pub.dev but it's not working. Please assist me with this. any help is appreciated Thanks
Kanu Thakor
  • 53
  • 1
  • 8
0
votes
0 answers

How would you build this component? Flutter Widget Design (Custom Range Slider)

More of a flexible question, But I've been looking at this and either don't know enough about flutter (custom drag detectors etc) but the best I have is a range slider (with some sort of overlay that handles the white dots) and then a container…
0
votes
0 answers

how to Change google map deferent type after run| show popup | in flutter

Change google map type | show popup | in flutter how to change google mape different type after run google in popupbox please help me wihh code
0
votes
2 answers

Flutter color filling animation

I'm currently working on a flutter project and I was trying to reproduce this dynamic color filling effect: I've tried to look at the Flutter documentation to see if there is some widget that let me "fill" the container with this color effect, but…
Sal
  • 27
  • 6
0
votes
0 answers

What is the reason for error of exit with code 1

Launching lib\main.dart on RMX3371 in debug mode... [Fatal Error] flutter_embedding_debug-1.0.0-8f2221fbef28b478debb78dd233f5250b220ca99.pom:14:6: An invalid XML character (Unicode: 0x0) was found in the element content of the document. [Fatal…
0
votes
0 answers

How to dynamic height set horizontal list view and grid view in flutter?

/*Grid layout*/ Container( height: 225.h, width: double.infinity, padding: EdgeInsets.zero, child: GridView.builder( scrollDirection:…
1 2 3
99
100