Questions tagged [flutter-layout]

Layouts in Flutter - Google’s UI toolkit for building natively compiled applications for mobile, web, and desktop from a single codebase, refer to the classes called widgets used to build UIs, both for layout and UI elements. Layouts may be in the form of single-child or multi-child layout widgets. Use this tag for all types of layout widgets used in Flutter.

Layouts in Flutter- Google’s UI toolkit for building natively compiled applications for mobile, web, and desktop from a single codebase, refer to the classes called widgets used to build UIs, both for layout and UI elements.

Layouts may be in the form of single-child or multi-child layout widgets. Use this tag for all types of layout widgets used in Flutter.

13064 questions
3
votes
4 answers

flutter How to change text colour dynamically on tap?

I want to make a program where 2 options will be written on text and I want to make my program whenever the user choose one of those option the other option will be greyed out. I've tried using text button, but it's still a bit wacky for my taste.
3
votes
1 answer

Flutter GridView sometimes shows padding despite setting it to EdgeInsets.zero

I'm making a very simple Grid, basically 9 squares, and I set the padding to EdgeInsets.zero (or EdgeInsets.all(0)) and sometimes, depending on the window's size, it shows a padding, or not. I'm testing it on chrome and linux (fedora plasma, and…
jbbc
  • 31
  • 2
3
votes
6 answers

Flutter align timestamp text on bubble chat message

My chat bubble looks like this: I want its timestamp to stick to the right side like the following: Here is my code: return Align( alignment: alignment, child: Bubble( margin: BubbleEdges.only( top: 10, …
genericUser
  • 4,417
  • 1
  • 28
  • 73
3
votes
2 answers

how to horizontally align icons with different sizes in flutter?

I am trying to align icons horizontally like this in a row, with mainAxisAlignment: MainAxisAlignment.spaceEvenly and crossAxisAlignment: CrossAxisAlignment.center. The result I am getting is something like this But I am trying to get a result like…
3
votes
1 answer

Flutter TimePicker show hours in two "rings"

I am working on an app for a while now but I'm stuck working with the TimePicker. At the moment it is showing one "ring" with marks for all hours, but I'd like it to show two "rings" both with 12 hours on it. There are two other questions about this…
Erik0806
  • 31
  • 2
3
votes
1 answer

How to make child items of ListView take all space inside a Container with fixed height in Flutter

I am having trouble making all my items inside a ListView.separated fit all the space available inside a Container, each with the same height. class DailyWeatherListCardWidget extends StatelessWidget { const…
bringand1
  • 103
  • 1
  • 8
3
votes
1 answer

Flutter - Wrap Row of Expanded Widgets

I have a Row where the children are Expanded widgets. My goal is to wrap this Row (like with Wrap) if there is not enough space for all children. I already tried to replace Row by Wrap: return Scaffold( appBar: AppBar( title:…
Jozott
  • 2,367
  • 2
  • 14
  • 28
3
votes
1 answer

Flutter : Scrolling a ListWheelScrollView, can't get the state of the selected item

The code is a button that on pressed shows a modal bottom sheet (with showModalBottomSheet()) with a scrollable list of months that the user can pick, using a ListWheelScrollView widget (with method use.Delegate). I was having trouble with the state…
Mathieu
  • 35
  • 3
3
votes
1 answer

How to apply automatic scrolling on Listview on Page Load in flutter

I want to apply automatic scrolling to this ListTile, Container( height: 70, width: double.maxFinite, child: ListView.builder( controller: _controller, …
Tpp
  • 159
  • 7
3
votes
1 answer

Flutter Web Responsiveness is not efficient

My screen have total 5 device partition size:- 1.Desktop 2.Small Desktop 3.Tablet 4.Small Tablet 5.Mobile, for that purpose i tried to use layout builder but while i'm resizing the size of display it's take too much time to render the design because…
3
votes
1 answer

How to make custom spinner in flutter?

So, I want to make a custom spinner as you can show in the image. Basically, a List of data will display and the mid one shows highlighted. This design is for blood group selection. Mid data will be automatically stored in some variable. like…
Vrusti Patel
  • 394
  • 2
  • 15
3
votes
1 answer

RenderFlex overflow - Unconstrained SizedBox height with height given

Card widget in question: SizedBox( height: screenHeight * 0.79, // Previously 0.71 width: screenWidth * 0.85, child: Card( ... I don't understand this, I have given the height, but it shows the…
Jiehfeng
  • 753
  • 7
  • 16
3
votes
0 answers

How to show time based event in Calendar - Flutter

I'm creating an app for Grounds in which you can book a ground from a time slot. I have to create UI like the below image From the top right corner, the user picks a time range and It'll show only those dates available in the calendar below. The…
Ravin Laheri
  • 801
  • 3
  • 11
3
votes
0 answers

Flutter Error: Unexpected null value in debug console

I am using where clause to filter out what user is typing with the api result but I am getting Error: Unexpected null value. I am using a post request. this is my model :- class SearchSquad { SearchSquad({ required this.count, required…
3
votes
1 answer

Ask Notifications permission in Flutter

I want to use this package https://pub.dev/packages/notification_permissions to do a Permissions check, I saw the example in it, but I couldn't use it and put it on my project correctly. All I need is your help to use it correctly with the example…
Mohammed
  • 365
  • 1
  • 4
  • 16
1 2 3
99
100