All Questions
Tagged with dart flutter-animation
890 questions
0
votes
1
answer
49
views
How to delay the Text of a Container after an animation in Flutter
I am building an flashcard app with Flutter and encountering a problem if you want to flip the front and backside of the card. The "flipping" is an AnimatedSwitcher and after it the text of ...
2
votes
0
answers
35
views
Timer Animation Runs Too Fast When "Remove Animations" Accessibility Setting Enabled on Device
I am encountering an issue with the AnimationController API in Flutter. My app includes a timer animation, but I’ve noticed that when the "Remove Animations" option is enabled in the device’...
- 21
0
votes
1
answer
43
views
How to expand a widget from a small strip to full screen and collapse it back?
I need this result (The app is just for example)
I tried to use BottomSheet, modal_bottom_sheet and various similar libraries, but they hide the widget completely. I want it to stay above the ...
- 1,259
2
votes
1
answer
67
views
How to create this specific timeline in Flutter?
I want to create this kind of timeline widget in Flutter where I am getting the list of thresholds from the back-end, so that can be dynamic like [50,100,250,300]. I have one achieved value, such as ...
- 69
1
vote
0
answers
37
views
Navigation inside an AnimatedSize Dialog
Im trying to navigate inside a dialog and for that im using the Navigator Widget, and I got success with that code:
const DocumentDialogPage({super.key});
@override
State<DocumentDialogPage&...
1
vote
0
answers
19
views
Flutter: flick_video_player AnimationController.forward() called with no default duration
When i try to forward/backward the video by double tapping on the right/left OR by dragging the progress bar, I get this Error on the console and UI (until the video is loaded).
here's flick_player....
- 11
1
vote
0
answers
92
views
Create Wavy/Curvy Path with Nodes in Flutter
I want to create a screen with a kind of a curvy path with nodes on the path as shown in the image of the design. I know I need to use CustomPainter and its quadraticBezierTo method for this and use ...
- 1,101
1
vote
1
answer
36
views
How to make ListView scroll to bottom of page and back up again on the press of a button?
I have a GestureDetector wrapped around a Container, which displays a web page when pressed. This Container is currently being called in a different view which contains a ListView.
Here’s what ...
- 133
1
vote
1
answer
47
views
Flutter InkResponse splash migrates to the center when containedInkWell is set true
Here is a simple flutter code:
Widget build(BuildContext context) {
return Scaffold(
body: Center(
child: SizedBox(
width: 600,
height: 400,
child: ...
- 357
0
votes
1
answer
60
views
How to make a widget visible/invisible on hover?
I'm trying to make a widget visible/invisible on hovering for flutter desktop app ,But it's not giving the result.
Full Code:
class MyWidget extends StatefulWidget {
const MyWidget({super.key});
...
- 4,565
0
votes
1
answer
43
views
Invalid `Podfile` file: syntax error, unexpected `end'
[!] Invalid Podfile file: syntax error, unexpected `end'.
#
odfile:25
# -------------------------------------------
# end
> end
#
# -------------------------------------------
/opt/...
1
vote
1
answer
78
views
Flutter: How to implement zoom animation while navigation
class SplashScreen extends StatefulWidget {
const SplashScreen({super.key});
@override
State<SplashScreen> createState() => _SplashScreenState();
}
class _SplashScreenState extends State<...
0
votes
1
answer
217
views
how to create a stacked card with animation in flutter
I am trying to make this animation by using stack
the problem is when the card in the back animate and suppose to appears on top of the others it stays in the back
I have done some search and couldn'...
0
votes
2
answers
50
views
null recetion, always get null
I try to get data from in my first page in flutter.
I get data well, but when i want to get name from on this data, i always get null.
What happened?
This is my First page(here every ...
- 51
0
votes
1
answer
69
views
Flutter - Needs to overlap the card and should be expand
Here am trying to archive the design as like sequence generating the cards and should top overlapping each card
Selected card should be expanded & remaining cards should go down
I tried below ...
0
votes
0
answers
50
views
Difficult to get the exact number for Offset value in flutter widget
Currently i'm trying to create an animation showed in above by using SlideTransaction with Offset. My circle is not moving to exact topMost corner as i'm using the static number of end Offset in Tween....
- 4,329
0
votes
0
answers
71
views
Image reloads unnecessarily while navigating back to previous page
I have two pages in my Flutter app: a NewsTile page that displays a list of news tiles, and a ReadDetails page that shows the full details of a selected news item. Each NewsTile contains a small image ...
- 160
0
votes
1
answer
51
views
How to rotate image while it is moving along a given path?
In my app I have an image of a turtle that moves along some path. I want to rotate the turtle every time it 'takes' a turn on it's path so it looks better. This is my CustomPaint class:
class ...
- 83
1
vote
1
answer
68
views
Flutter - image from assets disappears during animation
I want to make an animation in my app where I load an image and make it move along a certain path. I have drawn a line made up of several points and firstly I tried to make a dot moving along - ...
- 83
0
votes
2
answers
64
views
How can I create following slide transition animation for search field in flutter?
I am new to flutter and wanted to build some widgets to practise. I am trying to develop this search field from Zomato app which has some animation. I have completed UI but I am not able to implement ...
0
votes
1
answer
49
views
Flutter: Tabbarview - is it a bad idea to dispose it often
I have a Tabbarview in my app, and I have many error states, that must hide tab bars, tab content, etc - everything related to tabs. How bad is it to switch between these views constantly? Should I ...
- 167
0
votes
1
answer
51
views
How can I make a widget follow a straight path to another widget's position?
I have a simple code where there are two main Widgets containing different Chips, whenever you tap one Chip, it "teleports" to the other container. I want to animate it so when you tap one ...
- 13
1
vote
0
answers
73
views
Flutter custom paint
I'm trying to draw a path with buttons as in the screenshot. For some reason it shows differently on my other phone. I can't find the error.
I used custom paint but I didn't succeed.
Is it possible ...
0
votes
1
answer
73
views
How to pop up a popMenu for the onLongPress of a DataRow in a dataTable
How to pop up a popMenu for the onLongPress of a DataRow in a DataTable
I want a long press of the row to bring up a pop menu at the position of the press
How does this work
Look forward to help
How ...
- 411
0
votes
1
answer
194
views
is there a way to add 3d text effect in flutter?
I am new to learning Flutter and I am really inspired by the "!Not Boring Calculator" app (if you haven't checked out the app, please do - it's really good). In this app, there is a 3D ...
-1
votes
1
answer
54
views
AppBar widget similar to the eBay app in Flutter
enter image description here
I actually wrote the code, but it does not work correctly. The search bar is supposed to be on top of the logo, but that does not happen. The opposite happens. And another ...
0
votes
0
answers
86
views
Rotating animation of ball inside circle by user Flutter
how can I rotate the white ball inside the circle after the animation has drawn? Now in order for the first animation to work, I need to pass the tween to the animation, but for the rotation to work, ...
user16357470
1
vote
1
answer
353
views
How do you test animations in flutter?
I didn't find any information, but looking at the flutter code I think it's with AnimationSheetBuilder in a golden tests.
Is that the correct way? or is there any other way to test animations?
Thank ...
- 11
0
votes
1
answer
113
views
Flutter animator optimization
So, what i want to achieve it one AnimationController with multiple animation, and i want to reverse specific animation in that controller, right now i am using multiple controller each as parent of ...
0
votes
0
answers
38
views
How to design header with animation between selected tabs in flutter
Hi i want to make a header in flutter like mentioned in the image.
While selecting any of the tab the bottom green line should move with the animation.
Is there any sample code from which i can ...
- 37
0
votes
0
answers
50
views
Flutter animation stops on user click, but navigation doesn't occur. How can I make cards clickable during animation to trigger navigation?
I'm encountering an issue in Flutter where the user clicks during an animation it will halt the animation but fail to trigger navigation. Specifically, I have cards with animation effects (sliding ...
- 1,469
0
votes
1
answer
463
views
how to use flutter curve value from high to low
hi guys I just started learning flutter animation and using flutter curves from flutter curve website
using tween value which goes like
_animation = Tween<double>(begin: -100, end: 0)....
1
vote
0
answers
55
views
ListTile's tileColor is Sticked to UI
I have used ListView.builder() and when I try to scroll the list, the tileColor is stuck to the screen(Until we click on the screen), and the content returns to its position.
I can solve this by ...
- 394
0
votes
1
answer
329
views
flutter slider edge does not use radius
In the code below, I want to give a fixed radius to the edge of the slider, but when the thumb moves to the edge, the radius disappears and becomes angular.
Container(
width: 370,
...
- 17
1
vote
0
answers
137
views
How to animate color of a Container by spreading it from the middle in Flutter
In my Flutter App, I have used an AnimatedContainer for my widget. I want that whenever the state of my color changes, It should start spreading from the middle and continue spreading on both sides ...
- 137
0
votes
1
answer
2k
views
How to create a popup widget in Flutter
I am building a photo editor in Flutter. At the bottom of my app, there is a toolbar. When the user clicks on the font size tool iconButton, I want a slider to appear. When the user is done adjusting ...
0
votes
1
answer
536
views
How to Implement h265 format video in flutter
In flutter, How to implement h265 file format videos in flutter, I have tried with better_player package, but i seems like not supporting h265 format, So does any know how to implement this one or is ...
0
votes
1
answer
309
views
How i can drawing shapes using canvas or any other method in flutter?
Before make/drawing shape image show look like
After making shape image show look like:
Here I'm sharing Zone data for drawing shape over the image
"points": [
...
0
votes
1
answer
197
views
Flutter Animation Issue: Animation never reach 'Completed' Status - Need Expert Advice
I've been stuck for three days with an animation issue in Flutter, on a new feature (a game) in the app (Speak Out Kids) that I created to encourage speech in children, especially those with autism (...
- 996
0
votes
0
answers
270
views
I want to create a 3D Stacked Carousel in Flutter
I want to create a 3D Stacked Carousel in Flutter.
It should be horizontally scrollable
It should have an option to make it infinitely scrollable
It should have onTap/onPressed events
It should have ...
- 2,352
0
votes
2
answers
223
views
How can I achieve similar animation of the title "Flutter Animate Example" on an image?
I am using flutter_animate 4.4.0 package in my flutter app.
I am trying to achieve animation on a particular widget like the title of this Screen: Animation gif
I am only trying to achieve the shade ...
- 95
0
votes
0
answers
115
views
Flutter CustomPaint and animationController
i want to animate the charging and discharging of the capacitor ,there is an equation for charging and another equation for discharging but i want when press button, start the new painting from the ...
- 69
0
votes
1
answer
215
views
How to Align Center Active Background Color on Date Number in package Syncfusion_flutter_datepicker version 20.3.61?
enter image description here
I want to make the background color of the date options when active to be centered. How can I do this?
Note: I am using SDK version 2.12 and syncfusion_flutter_datepicker ...
0
votes
1
answer
39
views
Listile list above textformfield
I am creating simple listtile list. Widget are placed like: Scaffold -> Padding -> Column -> TextFormField, SizedBox, (Expanded -> ListView.separated(children are listtile)), Container.
...
0
votes
1
answer
93
views
WEB URI not opening the weblink in browser
I am trying to use web uri to open an in app brower. The code seems to be working fine but instead of opening the uri the app just shows a white\black screen with code the web link written on it
the ...
- 129
0
votes
1
answer
85
views
How to use SlideTransition defined on a different page on the other page in Flutter
I'm not even sure I chose the right title for my problem.
I designed a one home page, this home page has 2 different widgets. I separated these widgets into 2 different dart files to avoid writing ...
- 31
0
votes
3
answers
432
views
How to add complex animation to splash screen with flutter?
I'm not good at animation but want to add animation which is like , there are 4 alphabets letters "B", "C" , "D" and "E" which should animate from their 4 axis ...
- 4,565
8
votes
1
answer
2k
views
Left Padding Error in TabBar Flutter Widget
Hello,
Setup:
In a Flutter StatefulWidget, I am attempting to add a TabBar to a SliverAppBar using the bottom parameter.
Problem:
Everything functions well, but I'm encountering an issue with ...
- 111
0
votes
1
answer
29
views
Splash_Screen to Login_Screen... Error: Too few positional arguments: 1 required, 0 given
lib/splash_screen.dart:22:59: Error: Too few positional arguments: 1 required, 0 given.
MaterialPageRoute(builder: (_) => const Login_Screen()));
^
lib/login.dart:6:9: Context: Found this candidate,...
- 1
-1
votes
1
answer
31
views
Image Slider is not moving with image grid index
I have a Image Slider in Clip react widget, and there is a grid view of images in the bottom of it,like gallery. But when i slide image it change its index in the grid section but when i tap on grid ...
- 11