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

Flare actor in flutter

I would like to do a login page using flare actor but the animation provided by 2Dimension site is not available is there any other recourses for downloading animation for flare actor i tried in 2dimension site but it is not available
0
votes
0 answers

How can make this when select change page in flutter?

I want to build like Tab bar and How can make like this ? I wanna to do like but I'm no idea so how can build like this
xxxxxx
  • 11
0
votes
1 answer

How to animate a drawPaint using a custom painter?

I want to achieve this: This is my code: import 'package:flutter/material.dart'; import 'dart:math' as math; class CustomTimePainter extends CustomPainter { CustomTimePainter({ required this.animation, required this.backgroundColor, …
caroc
  • 45
  • 7
0
votes
1 answer

Flutter theme modes

I have a project I'm working on and I want to switch it to the three modes, light, dark, and according to the system. I want an add-on code to do this in addition to saving the mode to be selected, away from any state management, I have put a simple…
Mohammed
  • 365
  • 1
  • 4
  • 16
0
votes
0 answers

How do I make an indicator on the photos given with the carousel slider to the cards created with ListView?

In part of my application that I developed with Flutter, I create containers with ListView and display the photos I keep in a list outside of these containers with the CarouselSlider package. This use has not caused any problems so far, but when I…
0
votes
1 answer

Cannot restart a `TweenAnimationBuilder` animation

Cannot manage to restart my animation despite the setState(). My code as follows: class SocOptimiserProgressIndicator extends StatefulWidget { @override State createState() => …
Stéphane de Luca
  • 12,745
  • 9
  • 57
  • 95
0
votes
0 answers

how to achieve this UI in flutter by using NestedScrollView.?

I tried to acheive from NestedScrollView by creating a sample code. But its not exactly which I want. Please help me. I want to achieve this ui. When scrolling appbar should dock at the top. Image top should start from status bar to the fixed height…
0
votes
0 answers

Audio composing dashboard with flutter

I m trying to create the following view on my app, other area are done but now comes to the core feature of the app, which allows people to record the audio and stack other audio on top of the one that has been recorded, before going on the hard…
0
votes
0 answers

Flutter - Lottie controller loop breaks when playing the animation twice

I coded a simple Lottie animation state manager. From a pool of lottie-json files, each containing also a probability to play, I select one and set the _index to play that file. However, if randomly the same file will that played before will be…
CaipiDE
  • 93
  • 1
  • 10
0
votes
2 answers

'String' is not a subtype of type 'YoutubePlayerController'

Expanded( child: Container( child: SingleChildScrollView(scrollDirection: Axis.vertical, child: StreamBuilder( stream:…
0
votes
0 answers

Getting the total amount of the checkboxes

I am a beginer to flutter I am trying to get the total amount of checkboxes after checking it. First Partof the code is working alright but the second part of the code is where I am having issues. I want to be able to check the boxes, get the total…
0
votes
0 answers

My animation gets reset to idle position, is there any workaround for rebuilding of widgets when soft keyboard pops up? - Flutter

I a beginner in Flutter development and I was trying to replicate an animated login screen from this LinkedIn post. I am using Rive animations to make all the states required for the screen possible. A base rive file was available for the screen and…
0
votes
3 answers

how to scroll search widget along with the list view result flutter

How to scroll the search widget along with the list view result flutter whenever I use singlechildscrollview it gives an error.Help me to solve the issue. How to scroll the search widget along with the list view result flutter whenever I use…
Syed Rehan
  • 651
  • 1
  • 3
  • 11
0
votes
1 answer

Toggle switch animation not working in flutter

`I am trying to implement a toggle switch in which when I toggle the switch I display two different things but I'm getting an error while I use setstate with my logic or something like that if I remove the setstate from my code the animation starts…
0
votes
0 answers

How to create custom shape and change its shape on bottom navigation bar flutter

I've got this design from the UI team and I'm wondering how to develop its bottom navigation bar in Flutter. If you would do this which widgets do you choose and how do you complete it?
zex_rectooor
  • 692
  • 7
  • 26