Stack Overflow
Stack Overflow

Questions tagged [flutter-row]

37 questions
308
votes
11 answers

TextField inside of Row causes layout exception: Unable to calculate size

I’m getting a rendering exception that I don’t understand how to fix. I’m attempting to create a column that has 3 rows. Row [Image] Row [TextField ] Row [Buttons] Here is my code to build the container: Container…
Matthew Smith
  • 4,387
  • 3
  • 15
  • 14
5
votes
2 answers

Divide a Row into two equal halves in Flutter

I have a Row widget inside a Card, and I want to divide the Row perfectly in half the width of the card and put some centered text in each half. So the separation in half of the row has to be fixed and each text has to be centered in the half where…
Fabio
  • 376
  • 6
  • 19
3
votes
3 answers

Flutter - How can I make a square widget take up its maximum possible space in a row?

I have a CustomPaint that needs to be a 1:1 square, and I need to put this in a Row. The horizontal and vertical space available can vary, so I need both the length and width of the square to be the smallest maximum constraint. How can I achieve…
hacker1024
  • 3,186
  • 1
  • 11
  • 31
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
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
2 answers

How to center one element and place the second element next to it

In my layout I have two Widgets in a row, a text and a button. How can I achieve something like below, where only the Text is centered, and the icon is simply next to it? --------------------------- Text * …
Mark
  • 11
  • 2
1
vote
1 answer

Place element of a row above other elements to hide animation

I am trying to create a Material NavigationRail that, with the click of a button on the rail, shows a drawer with secondary destinations in my app. I have a Scaffold that as a body has a Row containing the NavigationRail and a Stack. The Stack…
Wessel
  • 617
  • 4
  • 13
1
vote
1 answer

Cant make a listview builder in a column that is in a row, flutter

I want to make a screen that has 2 columns beside eachother. Both columns are going to have a dynamic listview.builder and a textinput so I can put in new values and show them in those listviews. It is for a dart game calculator that I can track…
Michiel Janssen
  • 33
  • 5
1
vote
3 answers

In Flutter, how to make each Row child as big as the biggest child?

I am trying to find a way to have two ListView as children of a Row to have matching heights. This means if one ListView is shorter than the other one, then it must stretch until it matches the other ListView's height. Schematically speaking this is…
Mackovich
  • 3,319
  • 6
  • 35
  • 73
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
0 answers

How to animate a row in Flutter?

I have a row with width 200.0. It accepts lists with different lengths. Widgets in a list are always sized to take up the whole width of the row (width/list.length). List1 has 7 widgets, list2 has 4 widgets. How can I animate the transition between…
May
  • 93
  • 7
1
vote
2 answers

How to align a text to the top of another character?

I would like to align one set of numbers to the top of another set of numbers, just as the smallest currency units that can be found on some price tags. I've placed two Text inside a Row with CrossAxisAlignment.start but I can't get them both to be…
Kyuberi
  • 53
  • 1
  • 7
1
vote
2 answers

Cant align widgets correctly in Flutter

I have the following code, but i cant figure out, how to align the username to the left (next to the image) and the class-text to the right of the row. MainAxisAlignment.spaceBetween doesnt do the trick. I tried several different alignments on all…
Der Korrigierer
  • 85
  • 1
  • 9
1
vote
1 answer

Make a Row child as wide as possible (the remaining width of the parent) in Flutter?

I have a widget that I want to display while I'm downloading some data from a REST API. It will be used by a FutureBuilder when the Future isn't completed yet. It should display a grey square and a grey line. Something similar to what Facebook…
nbneo
  • 63
  • 5
1
2 3