I want to align following cards in a way that on both sides margin is same, but as you can see on right side, margin is increased. I have added required alignments to the Column, but margin on right is still more Code: body: SingleChildScrollView( child: Column( crossAxisAlignment: CrossAxisAlignment.stretch, mainAxisAlignment: MainAxisAlignment.spaceEvenly, children: rows.map((row) => Row(children:… Read More How to align Row in a Column despite setting alignments?

I can’t figure out how to do it I found a couple of different ways, but they don’t quite work for me. I tried to use SilverAppBar, but I couldn’t do what I wanted to do. Now I use the hidable: ^1.0.3 library and with it I got what I wanted but when I scroll… Read More How can I hide the TextField when I scroll down and display it again when I scroll up?

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?