Stack Overflow
Stack Overflow

Questions tagged [flutter-column]

32 questions
192
votes
12 answers

Flutter : Vertically center column

How to vertically center a column in Flutter? I have used widget "new Center". I have used widget "new Center", but it does not vertically center my column ? Any ideas would be helpful.... @override Widget build(BuildContext context) { return…
Zeusox
  • 7,708
  • 10
  • 31
  • 60
4
votes
1 answer

Flutter. Column mainAxisAlignment spaceBetween not working inside Row

I am trying to make a screen like this: For this I'm using ListView with custom item. Here is my code of item: @override Widget build(BuildContext context) { return Padding( padding: const EdgeInsets.all(10), child: Card( …
testivanivan
  • 967
  • 13
  • 36
4
votes
2 answers

Flutter align specific widget in column with min width

I'm implementing a chat on my flutter app, and I want my chat-time to be align at the right side of the column (all other widgets should be align left). My problem is that when I'm using alignment.bottomRight in my column, it extends the column…
genericUser
  • 4,417
  • 1
  • 28
  • 73
2
votes
2 answers

Flutter align one children in column to extreme right and others on center

Could you please help me to align one element in column to extreme right. Please help me
fazilSizzlers
  • 195
  • 10
2
votes
1 answer

RenderBox was not laid out: RenderRepaintBoundary#5291c relayoutBoundary=up1 NEEDS-PAINT

I have a form widget which holds the Column as its child. The reason of Column widget is to have username and password fields one after another-password field in new line. In addition, I need to have username and password logos next to the…
Qulu Quliyev
  • 49
  • 1
  • 9
2
votes
2 answers

How to avoid bottom overflow in flutter columns within a GridView

I though I had understood how flutter columns and rows work but I am unable to resolve the following bottom overflow in my column consisting of an Image- and two Textwidgets. The widgets are arranged in a grid and should look like this but with…
finisinfinitatis
  • 861
  • 11
  • 23
2
votes
1 answer

Flutter unbounded height error if using Spacer in Column inside another Column

I am stuck... This is my code broken down: Column( children: [ Column( children: [ Text('Whyy'), Spacer(), Text('crash?'), ], ), Text('ok'), ], ), This crashes with the…
Chris
  • 1,828
  • 6
  • 40
  • 108
1
vote
1 answer

column and row widget how to user divider widget in flutter

column and row widgets using divider horizontal line and vertical line in flutter import 'package:basketball/colors/const.dart'; import 'package:flutter/material.dart'; class Uefa extends StatelessWidget { const Uefa({super.key}); @override …
Mathan Tr
  • 47
  • 3
1
vote
3 answers

Flutter, Overflow in Drawer's DrawerHeader

The problem may not be just for the Drawer or DrawerHeader widgets, but on how Expanded or Flexible may work inside a DrawerHeader widget combined with Column and Row widgets. My code with my Drawer is simply like this: import…
Roar Grønmo
  • 2,926
  • 2
  • 24
  • 37
1
vote
3 answers

Column widget not positioning widgets properly when using Stack widget-Flutter

The first image is the design of the app from Figma. While the next image is the one which I am getting though I am using simple stack and columns. I am not being able to understand why it is coming out as such. The Text Widgets must be under the…
ghosh_joy
  • 1,031
  • 1
  • 5
  • 10
1
vote
1 answer

What does CrossAxisAlignment.baseline, in Column

I have a question, I want to know what is the functionality of CrossAxisAlignment.baseline when we use Column in Flutter , nothing happen when I used this attribute can any one help me to figure out what is job. And I have to use textBaseline:…
Sana'a Al-ahdal
  • 1,684
  • 1
  • 17
  • 33
1
vote
4 answers

How can I use a gridview inside a column?

I have a column with a container that acts as a header and a gridview of widgets below. I want only the gridview to be scrollable and that the header will not move and always be displayed. This is my code: class HomePage extends StatelessWidget { …
daniel eidlin
  • 91
  • 5
0
votes
1 answer

Making a list view skip its parent's padding while maintaining clickability

Here's my ListView. I want it to be clickable not just visible, while skipping its parent column's padding. Right now it's just visible and not clickable because of the OverflowBox widget. return SizedBox( height: 65, child:…
Ali Dahud
  • 15
  • 1
  • 6
0
votes
1 answer

Column inside GridView Overflowing in Flutter

The column inside the gridview is overflowing in each and every item of the grid view, and I do not understand what is going on in here. Expanded( child: GridView.builder( itemCount: 4, gridDelegate:…
Sown Leon
  • 41
  • 4
0
votes
1 answer

how to a place half of the widget outside of another widget in flutter?

I have a Column which has a 2 items : 1- badge and 2- container . I want to place the half of the badge inside the container , the image will be more clear , and here is the parts of code : Column( mainAxisAlignment:…
behnami454
  • 77
  • 8
1
2 3