Stack Overflow
Stack Overflow

Questions tagged [flutter-design]

Questions relating to design oriented questions, while using Flutter. This should not be confused with flutter-layout and therefore should not be used as a synonym. Flutter-design questions should relate to correct usage and form of things such as the Material vs Cupertino design choices.

Questions relating to design oriented questions, while using Flutter. This should not be confused with flutter-layout and therefore should not be used as a synonym. Flutter-design questions should relate to correct usage and form of things such as the Material vs Cupertino design choices. Other acceptable topics could include following Google's design guidelines in Flutter (example). To clarify again this should rarely be used to reference Flutter functionality issues.

152 questions
2
votes
0 answers

Want to create custom progress loader in flutter

I want to create the progress loader as displayed in this image. The progress part should be the darker one with a blue pipe at the end. Expecting Result: I'm attaching the images with and without opacity if you need them. Thank you in advance
Sheetal Savani
  • 1,300
  • 1
  • 7
  • 21
2
votes
0 answers

Custom Circular widgets design flutter

I would appreciate if anyone can tell me what is thé appropriate way to make this in flutter? It should be responsive and memory friendly. Thanks Here is the Circle Design I have tried to do it with custom Painter but it was not as expected and…
Faiz Hashmi
  • 17
  • 5
2
votes
1 answer

how to make flutter tab bar expanded?

I'm trying to make a colorful tab view, it look expanded if there are more items in tab, but if it is single item it doesn't look good. my tab look like below now how can I make it look like this? this is my code, I've tried expanded widget but it…
Favaz
  • 33
  • 7
2
votes
1 answer

How to design Filters in Flutter?

I am new to flutter and I wonder how to develop filters in flutter something like this (screenshot taken from google images), so I just want to know how to do filtering in a flutter, is there anything like plugins or special widgets? If you provide…
shanmkha
  • 416
  • 1
  • 8
  • 27
2
votes
1 answer

How can I set two container on top of each other?

im trying to set 2 containers on top of each other. What I want is to showing a star and when user pressed the star I wanna open 5 star so he can vote . Im not really sure if im thinking the correct way . But fr that I wanna create one container…
user15564550
2
votes
2 answers

How do I make a Container Transparent outside of his rounded corners?

I have a container wrapped in Dismissible, both the container and dismissible background have their corners cut. My problem is that even though the corner of the container on top is cut the space that would have been the corner is white instead of…
miguel alves miguel
  • 185
  • 2
  • 8
2
votes
1 answer

Creating Smoother Border Radius Curves in Flutter

I am trying to create one bottomappbar in flutter from dribble design, I want those curves to be smooth like designs, but Floating Action Button's notch isn't as smooth as one in design. I am not able to think of another way to achieve this. here is…
minigeek
  • 2,766
  • 1
  • 25
  • 35
2
votes
0 answers

draw custom bottom app bar with painter flutter

I want to to create a custom bottom app bar with CustomPainter in flutter: I already try the code below but is not give me the result i want: i want somthing like this : radius container from my container widget: Container( height:…
mevos19
  • 15
  • 4
2
votes
2 answers

The 'body' part is not visible after using ' bottomNavigationBar' in Flutter

Whenever i use the bottomNavigationBar: it dose not show the body: part on screen but when i remove the bottomNavigationBar: then it shows the body: Here is the code Widget build(BuildContext context) { return Scaffold( appBar: AppBar( …
Sanwal Ijaz
  • 154
  • 1
  • 11
2
votes
1 answer

Flutter - Fade animate Text widget when its content changes

I want to animate my Text widget when it's content changes. Is there a way to do it without having two seperate Text widgets? To make it clear, I have an authentication screen where I change a Text widget from Login to Register or vice versa. This…
pichlerAT
  • 23
  • 1
  • 3
1
vote
0 answers

I want to create a slider UI to manipulate opacity

I would like to make such a slider. The color OK be fixed at black. The current code is as follows @override Widget build(BuildContext context) { return Center( child: Slider( activeColor: ColorManager.blueColor, …
Tdayo
  • 269
  • 4
  • 11
1
vote
1 answer

How to achieve gradient border with textFormField on focused

OutlinedInputBorder cannot accept a linear gradient for its color. I would like the border of the textFormField to be a gradient when the user clicks into it. Here is my attempt. The border does not change. GestureDetector( …
anotheruser
  • 11
  • 1
1
vote
1 answer

How can I implement such a button?

https://cdn.dribbble.com/users/50386/screenshots/294883/dribbble.jpg Large red button and Edit button I tried to create this beautiful button with Elevated Button, but it does not work. How would you make it? child: PushableButton( …
Tdayo
  • 269
  • 4
  • 11
1
vote
1 answer

How to make those 2 colours equal....?

enter image description here So, I'm doing this Amazon clone application using flutter and want to make those two colours equal like same colours. Please Give me a solution to make them equal colours appBar: AppBar( systemOverlayStyle:…
Sai Kalyan
  • 11
  • 2
1
vote
2 answers

Flutter: Listview inside TabBar not showing

My "ListView" not showing inside "TabBar". drive.google.com/file/d/1MLB7oizJ468V1SmCO_IsjL6OaoGhUAPd/… ----- List Page Code drive.google.com/file/d/1d-iRa14-DupdLo3QdHd_iCHFkGi-_HD6/… TabBar Code "TabBar" Section code: "ListView" section code:
Animesh Banerjee
  • 171
  • 1
  • 5
1
2
3
…
10 11