I have a widget that is using a GestureDetector and AnimatedBuilder to play an animation when the button is tapped. I can play a single animation without issue. What I want to do is be able to play three different animations on the button (different colors, different duration) depending on the state. Ex; If State… Read More How to play different animations when a button is tapped depending on the current state?

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, required this.color, }) : super(repaint: animation); final Animation<double> animation; final Color backgroundColor, color; @override void paint(Canvas canvas, Size size) { var paint = Paint() ..color = const Color.fromARGB(255, 204, 255,… Read More How to animate a drawPaint using a custom painter?

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… Read More Flutter ScrollController in ListView

I’m trying to create an animation tween from 0 to 1: final Tween<double> _tween = Tween(begin: 0, end: 1); late AnimationController _controller; late Animation<double> _animation; And for some reason, sometimes I need to call _controller.reverse() or _controller.forward(), and my animation.value runs from 0 to 1 then from 1 to 0. How do I always get… Read More How to make animation value always run from 0 to 1

I am trying to have a welcome screen like this: I have all the lines from the bottom and the orange and blue bubbles as asset images. How can I stack them all together and then use Text() widget for the writing part? >Solution : You can do it without using stack by using the… Read More How can I get this look on my welcome screen? flutter

I created three textbuttons in Flutter and now I want to hover their color from their default color to pink color. In the moment that my mouse is on the button, the button should change it’s color to pink. Can anyone tell me how to fix this? Container( color: Colors.grey[900], child: Row( mainAxisAlignment: MainAxisAlignment.center, children:… Read More How can I hover my TextButtons in Flutter?

I would like to create a fade between two background colors when my ElevatedButton change his state to disable, how can I do that ? final _buttonStyle = ElevatedButton.styleFrom( backgroundColor: Colors.white, disabledBackgroundColor: Colors.white.withOpacity(0.5), animationDuration: const Duration(milliseconds: 0), shape: RoundedRectangleBorder(borderRadius: BorderRadius.circular(10)), ); I see there is an animationDuration property, however it seems to only create a… Read More How to animate background color on ElevatedButton?

I tried to add color to my FlatButton in Flutter but I get an error as below: The named parameter ‘color’ isn’t defined. Try correcting the name to an existing named parameter’s name, or defining a named parameter with the name my code >Solution : You want to use FlatButton but you are calling FloatingActionButton.… Read More How can I add color to a button in Flutter?

I build a folder assets and added there my logo.png. But it shows unable to load asset: assets/logo.png . How can I fix this? Below you can find my code. import ‘package:flutter/material.dart’; import ‘package:color/color.dart’; class HomePage extends StatefulWidget { const HomePage({Key? key}) : super(key: key); @override State<HomePage> createState() => _HomePageState(); } class _HomePageState extends State<HomePage>… Read More How can i show image in Flutter?

How can I animate number starting from 0 to the number’s value like the following example : >Solution : So there is a Flutter package that helps to do this. You can add it to your pubspec.yaml by using the following command in your terminal : flutter pub add countup and now add this line… Read More How can I animate numbers in flutter?