I want to create a Textformfield. But the label shows under the Textformfield, not the border. And Textformfield corner is rounded and the validation error is below the Textformfield. How to achieve in this type UX design in flutter .
I have a flip animation on an AnimatedSwitcher between two Card children. Both Cards contain wrappable text of variable length. So they have different heights - one card might have 1 line of text, the other could have 10. The…
I'm trying to recreate this roadmap-style UI: I thought tentatively: children: [ index 1: ListTile index 2: dotted index 3: ListTile index 4: dotted ... But in the picture, the intersecting line looks as if it goes under the circle…
I'm trying to animate some images which should be orbited based on a circle. Here i1, i2, i3 and i4 are four image widgets which should change their position on any touch event in a clockwise way. As I'm new…
I'm trying to create this widget here This is the result I got, I'm having trouble limiting the size of the widget without decreasing the text SizedBox( height: 90, width: double.infinity, child: ListView.builder( itemCount: 10, shrinkWrap: true, padding: const EdgeInsets.symmetric(vertical:…
i am really struggling to import a single rive animation in my flutter app. and it doesn't work !! i really don't know what to do ... please help me! here is the rive file i downloaded add it to…
When push with FadeTransition and Hero animation, the icon will frozen in the screen when the page too fast to push again. Anyone has idea to solve this bug? This is the full code example to reproduce. I am push…
I am trying to implement the animation in the video link below: Animation Video The Icon that is being animated is a single SVG file with three arrows. The arrows are not separate images or icon assets. So, What I…
I have this image, In this image I have contact section. I want to make like this. Row( children: [ // Flexible( // child: RichText( // // textAlign: TextAlign.left, // text: TextSpan( // text: "Contact: ", // style: textStyleWith12500( //…
I tried to create a multiple-option switcher in Flutter. It looks like this: When I created the selection indicator (the orange rectangles in the picture), I considered that I needed to add a transformation animation to the selection indicator (move…