2,776 questions
0
votes
1
answer
96
views
Flutter constantly freezing and waiting for ages
I'm working on a flutter mobile app on android mainly, currently there is a page that is a simple dropdown and button, and 3 text inputs and another button, the dropdown is retrieving a list from my ...
0
votes
0
answers
43
views
laggy keyboard animation while appearing
Problem is when clicking on textfield the keyboard appears laggily.
it does not appears in instant like it does on whatspp or any other application
no matter how big size of application is , it will ...
0
votes
1
answer
92
views
Mouse scroll wheel feels laggy and not smooth in my Flutter website
I'm building a website using Flutter Web, but when I scroll using the mouse scroll wheel, it doesn’t feel smooth it’s kind of laggy or jumpy compared to websites built with React or standard HTML/CSS.
...
1
vote
0
answers
125
views
I want to recreate these curves using Flutter
I’m new to Flutter and trying to replicate a design that has curved shapes with categories displayed along the curve .
I’ve tried using ClipPath, but I haven’t been able to get the bottom arc to match ...
1
vote
1
answer
83
views
Flutter Hero text: smooth on push, but from bold to normal snaps on pop. How to interpolate style on return?
I’m animating a user name with Hero. On push (list → detail) the text flies and smoothly grows/bolds. On pop (detail → list) it flies back, but the bold → normal change looks like a snap right at ...
0
votes
0
answers
48
views
How to centralize zoom in InteractiveViewer (not with alignment)
I need the zooming yellow square to zoom when pinch, but i wish to make the center of the square always the center of the parent widge ( basically disabling pan when zooming with pinch ). Aligment ...
0
votes
0
answers
71
views
Keyboard hide/show and focus transitions are not smooth on registration screen
I’m building a registration screen in my first Flutter app.
Issue: when the keyboard shows/hides or when I move focus between fields (email → password → confirm), the layout jumps and the keyboard ...
1
vote
1
answer
179
views
Search Text Field Animation in Flutter
I want to achieve this animation and accurate shadows to the button : -
the Tricky part would be getting shadow of the circular button , I tried using both foreground , and decoration property of ...
2
votes
1
answer
131
views
Animated TextField Flutter - How can I create a textfield in Flutter where the hint text animates with suggestions smoothly?
In some apps (e.g., BlinkIt, Swiggy, etc.), the search field shows animated suggestions instead of a static placeholder.
For example, the hint text rotates/animates between:
“Search fruits”
“Search ...
1
vote
1
answer
114
views
Sending debugPrint message to the screen
I am using flutter_map to show some GeoJSON polygon layers and things work nicely. I am wondering how their properties can be displayed as popup knowing that polygons can be clickable and properties ...
0
votes
1
answer
83
views
How can a widget be displayed alone if it overlaps others?
I have three cards positioned 10 pixels from the bottom-left corner within a Stack as follows:
Positioned(
bottom: 10,
left: 10,
child: Card(
elevation: 0,
color: Colors.white,
child:...
1
vote
0
answers
128
views
Can a transformed widget in Flutter size itself dynamically based on its child's post-transform size?
I'm trying to apply a 3D transformation (specifically a perspective + Y-axis rotation) to a widget in Flutter using Transform. The visual result is close to what I want, but I noticed the parent ...
1
vote
1
answer
83
views
State changes are very slow
This is a notes app that will use microphone to write notes. Everything is working great but state changes are very delayed. When the MicButton is pressed, the icon should change instantly, but it ...
3
votes
2
answers
182
views
How to create a conic gradient border?
I'm working on a Flutter app and trying to replicate a Figma design for a container with an angular (conic) gradient border. Despite multiple attempts, I can't achieve the exact look specified in the ...
1
vote
1
answer
100
views
Flutter Animate Widget Transition
Need help with simulating transition of widgets from one location to another. The new location is the location of another widget.
If anyone is familiar with Framer Motion's layoutid, it's similar to ...
1
vote
0
answers
91
views
Flutter Bottom Navigation Bar with Rive Animations Only Works After Hot Reload
I'm building a Flutter app with a custom bottom navigation bar using Rive animations. Each navigation item has a Rive animation that plays on tap, and pages are switched using IndexedStack.
Problem:
...
2
votes
1
answer
118
views
How to inline a widget in text , like what app chat message bubble
For a chat app, it's a common design pattern to build a chat bubble that shows the send time (a Widget) inline in with the content (a TextSpan), but aligned to the end of the text direction. If the ...
0
votes
1
answer
100
views
Trying to zoom in on text by slowly enlarging it makes it shaky
I'm trying to use Flutter to recreate a video editor effect of zooming in on a screen containing text and rectangles and the text seems to irritatingly jump up and down as the font size is increased. ...
-3
votes
1
answer
144
views
How can I create a customizable animated progress bar with shimmer and percentage in Flutter? [closed]
I’m working on a Flutter app where I want to display progress in a more engaging way. Specifically:
I want to show a horizontal progress bar
It should animate when progress changes
It should ...
0
votes
0
answers
60
views
Flutter path slide transition in AnimatedSwitcher
I would like to animate a change of a widget by letting one widget leave the screen in one direction and let the next widget come from the same direction (but opposite side)
AnimatedSwitcher(
...
1
vote
1
answer
92
views
Flutter: hide persistent_bottom_nav_bar with OpenContainer animation
I am currently using persistent_bottom_nav_bar: 6.2.1 and trying to use OpenContainer to navigate between screens with animation. However, the problem is that when I use PersistentTabView as the main ...
0
votes
1
answer
71
views
How to prevent Textformfield from shrinking when the validation message appears?
This is my code for text form field
TextFormField(
autovalidateMode: AutovalidateMode.onUserInteraction,
validator: (value) {
if (value =...
0
votes
1
answer
61
views
SliverAppBar Background Color Transparency Problem
I am New to Flutter and I decided to Learn Slivers in flutter and I Stuck in SliverAppBar and I have SliverAppBar with Background Color of Transparent and When I Scroll then I can See My ...
1
vote
2
answers
122
views
Flutter hide keyboard before pushing next screen
I have a page with TextFormField. (autofocus:true).
When pressing the Continue button, the user is taken to the next screen, the keyboard should close before that
FocusManager.instance.primaryFocus?....
0
votes
0
answers
74
views
How to make an arrow follow a path in Flutter and adjust its angle based on the path's direction?
I am working on a Flutter project where I need to animate an arrow along a path. The arrow should not only move along the path, but also continuously adjust its angle to match the direction of the ...
1
vote
1
answer
83
views
Create a Flutter Dismissible with rounded borders
For my quiz app in Flutter, I am trying to create a widget for invitations to a new quiz. To accept / decline it, a Dismissible is used to swipe the invitation to the left (decline, red background) or ...
1
vote
0
answers
74
views
Change card stack animation from flip to physical card browsing
I'm working on a Flutter app with a stacked card animation, but I need to change how the animation works. Currently, the cards flip when scrolling, but I want a different effect.
import 'dart:math';
...
0
votes
0
answers
51
views
How to allow AdvancedDrawer swipe-to-open gesture OVER Slidable/Dismissible list items?
I have a Flutter layout using flutter_advanced_drawer for a navigation drawer and a ListView containing items wrapped in flutter_slidable (or Dismissible) for swipe actions (e.g., delete on right-to-...
2
votes
0
answers
49
views
Animated Filter UI Gets Hidden Behind AppBar When Expanding
I am using a Stack widget in my Flutter app to display a list of products along with a filter UI that slides up from the bottom when triggered. The filter UI is implemented using AnimatedPositioned.
...
0
votes
1
answer
2k
views
Flutter build fails: Cannot find symbol PluginRegistry.Registrar and FlutterMain
I am working on a Flutter project using the awesome_notifications plugin (version 0.9.3+1 also try new version), and I am encountering build errors when running flutter build apk or flutter run.
C:\...
0
votes
1
answer
86
views
GestureDetector onTap not working on Positioned Widget
I am using a Stack widget to display a Container with a Positioned text widget. However, the issue is that the onTap function does not work when clicking on the Positioned widget, but it works when ...
1
vote
1
answer
181
views
How can I achieve a card scroll animation in Flutter that matches my reference video in flutter
I'm developing a Flutter app where I need a scroll card screen with a smooth animation. I tried using the multiple card package, but the animation isn't matching my reference video. Specifically, the ...
0
votes
1
answer
84
views
How to Generate a DOCX Invoice in Flutter?
I am working on generating invoices in a Flutter app and need to create a DOCX file. Currently, I am using the docx_template: ^0.4.0 package, which requires creating a pre-designed template file (...
2
votes
1
answer
110
views
Achive infinite animation in flutter for prompts
I am building a three-row prompt slider in Flutter that needs to scroll both automatically and manually. I'm having trouble implementing the infinite scrolling behavior.
I tried using PageView with a ...
0
votes
2
answers
97
views
How to enable interaction with background elements while using DraggableScrollableSheet with showBottomSheet?
I'm using the showBottomSheet method to display a bottom sheet in my Flutter app. However, when I wrap my content inside a DraggableScrollableSheet, it blocks interaction with the rest of the screen.
...
0
votes
1
answer
88
views
Why am I seeing crossed boxes on this flutter app
I am seeing crossed boxes in place of icons on this flutter app I am developing, I have tried adding custom fonts and I can't seem to get a way around this issue, here are the screenshots
image ...
0
votes
0
answers
61
views
how can I integrate draggable and animatedList together?
My goal is to make the Floating Action Buttons (FABs) animate smoothly to fill the empty space when I pick one up using Draggable. However, I haven’t been able to achieve this.
I want to create an ...
1
vote
1
answer
80
views
How to fix this lerp method override in creating a customized ThemeData of my own?
I am trying to write a custom ThemeData which I can pass to the extensions property of the ThemeData and be able to access them easily in my project. I have attached below the minimal code of what I ...
2
votes
1
answer
88
views
Nested Scroll issue in DraggableScrollabeSheet
UI for dragsheet
What UI Have?
DraggableScrollableSheet for bottom sheet with scroll behavior.
A Top UI to achieving Sticky Top bar
List of element to show the content
What should it do?
Whole ...
0
votes
2
answers
152
views
How to create Nested L shaped Widget in Flutter
I want to create the following L shaped design : -
This can be created using simple Column , Row and Expanded Widgets but I am not able to think it through. Design must be responsive as the Size of ...
0
votes
1
answer
118
views
how to make custom circular progress indicator in flutter
[![enter image description here][1]][1]
[1]: https://i.sstatic.net/bZSXtA7U.png**strong text**
import 'package:flutter/material.dart';
import 'dart:math';
void main() {
runApp(const MaterialApp(
...
0
votes
1
answer
36
views
FadeInUp animation resets in flutter
I'm using animate_do: ^3.1.2 and when I use FadeInUp on a TextField the animation restarts, for example, when I write in one and then in another the animation restarts, however the text I wrote there ...
0
votes
0
answers
24
views
Use MausRegion at transformed Element
I have a stack with some transformed items to display them radial. Now I want to increase the size of an element if one hovers over it in Web or is over it with the finger on mobile. I tried using ...
0
votes
1
answer
58
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
2
answers
246
views
Flutter widgets (android app) are flickering while scrolling
My Flutter widgets are flickering while scrolling on low-end phones, and I don't know the reason. I used Image.network, and I get the image URL and text from GitHub. Based on how many data entries are ...
3
votes
0
answers
79
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’...
0
votes
0
answers
57
views
Jank(No Smooth Animation) problem on flutter app
I build one flutter app. I am facing JANK issue on the app in real device.
[✓] Flutter (Channel stable, 3.27.1, on macOS 15.2 24C101 darwin-arm64, locale
en-US)
[✓] Android toolchain - develop for ...
0
votes
0
answers
79
views
How to do a Flutter animation to full available width?
I want a very simple animation that is turning to be not that simple.
This is how it behaves now. I need it to have smooth transitions between states and the buttons to take full available width of ...
0
votes
1
answer
69
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 ...
0
votes
0
answers
60
views
Drag + Hero in Flutter using GetX
I want to implement a drag animation with a smooth transition (not necessarily using Hero). For better clarity, I've attached an image,
The two elements shown belong to different screens.
I use GetX ...