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
1
vote
0 answers

How to overlap sticker on image and download the image in Flutter

I want to add the sticker, emojis, audio and text to the image. after that download or save the updated image file. I have checked the "flutter_simple_sticker_view" plugin for add sticker but the problem is image and sticker list are parallel…
1
vote
1 answer

Flutter Desktop Ignore Mouse Events

I'm looking to implement a Flutter Desktop application that allows a transparent window which forwards all touch events, like Zoom screen share. My understanding is the behaviour can be achieved in electron…
MousyBusiness
  • 188
  • 2
  • 14
1
vote
1 answer

I have created two 'raised buttons' but only one is showing. What is the problem here?

I have made total 14 screens in the application, you may see in the code whose link i have provided below. Two raised buttons i have created, one button named 'Wonders of world' on pressing will take it to second screen the other button named…
1
vote
1 answer

How to use images and other views as a backgrounds in Flutter

What is the possible way to set up my background like this: This color is what I am using in my app class MyApp extends StatelessWidget { @override Widget build(BuildContext context) { return MaterialApp( title: 'Welcome to Flutter', …
1
vote
0 answers

How to design the following view in flutter?

I am trying to design the same layout in flutter with GridView and column but couldn't able to get the exact view as it shows in image. Here I am sharing my code that is generating nearly same view but I don't want to define exact width and height…
0
votes
0 answers

Flutter Design Popup Menu

I want to build a similar popup menu like on google.com. I have wrapped a CircleAvatar widget inside a GestureRecognizer to have the onTap-callback. Right now im simply calling showMenu() but I feel like I'm very limited with the PopupMenuItem…
JulianMayer
  • 15
  • 1
  • 3
0
votes
0 answers

How to generate dynamically column and row like a displayed in a below image

How to create UI as in a images I am creating a app where teacher and student can interact with each other and teacher can get a list of student and concept as shown in a images. Any help would be highly appreciated. Warm regards,
0
votes
2 answers

vertical divider is not displaying on my emulator in flutter

I have tried using the widget verticaldivider() in flutter, The code seems to work fine but i the divider is not visible on my app. where i want it to be. I want the divider to be between two images. The images are moved a little bit when i alter…
Ahmad Maaz
  • 45
  • 6
0
votes
1 answer

How can i make this curly design in flutter?

Does any one know how you can make this in flutter? I used to custom painter and i got the curles but i was not able to add the color like the one in picture. I was wondering maybe if there was a correct way to make this. If not is there anyother…
0
votes
0 answers

I want to add noemorphic feel with the custom clippath container

Am sharing my code also attaching the scrsht of what I am getting. anyone if know neumorphic design will know what I want to achieve.this is what I am getting for now : - //This is my CustomClipClass class CustomClipPath extends CustomClipper
0
votes
0 answers

How to Flutter scrollbar customisation

Possible to scrollbar customisation? I am tried many times but can't customised slider (like image). Scrollbar will show on the side of the list. Can I set image on the scrollbar or only use the customised theme? Please help.
0
votes
2 answers

What is the better practice to code the frontend of my project?

so I was working on a project in Flutter. I had made the prototype designs in Figma, and was trying to recreate it in Flutter. I made the Figma desing inside a 360*800 frame. So now when I'm trying to implement the design, should I just measure the…
kris
  • 50
  • 5
0
votes
1 answer

How to create a button like the one in the attached image

Please tell me how to create a button like the one in the attached image. I can create round buttons but could not gloss them. ElevatedButton( style: ElevatedButton.styleFrom(shape: RoundedRectangleBorder( borderRadius:…
Tdayo
  • 269
  • 4
  • 11
0
votes
1 answer

I would like to know how to make these container

I would like to know how to make these containers. Container Code of Now Container( width: screenWidth / 1.1, height: screenHeight / 6, decoration: BoxDecoration( …
Tdayo
  • 269
  • 4
  • 11
0
votes
1 answer

Flutter design help custom tab bar

I'm pretty new to Flutter and need design advice for a custom appbar. I want to achieve something like this: I need this TabBar to be inside an AppBar and tried inserting it to the actions[] list. It looks like this now: Code for it: actions: [ …
JulianMayer
  • 15
  • 1
  • 3