I am trying to make a widget that does not have width constraints, so it depends on the biggest child, all other children should match the same width.
I know I can not achieve that with Row inside Column, because Column does not have a bounded width.
The result which I am trying to achieve in the red circle:
Related
In my column have many widget inside it, and I down know size of that widget, so how can I calulate height of this column
I have a Column with many children of different height that appear and disappear when different state changes - therefore, the whole column's height changes. And so I have wrapped the Column in a Flexible widget like this: Flexible(child: Column(children: [...])) . Is there a way to animate the height changes of the Column?
I know I can remove Flexible, wrap the Column in an AnimatedContainer and animate it's height, but there are too many children in the Column and this looks very tedious. I was just wondering if there is a better way to do this?
I have a Column that holds an array of Container Widgets. The Height of one of these Container Widgets is dependent on the Heigth of the Rich Text Widget it holds, for better understanding here is a screenshot:
I want the History Container to be the same height as all the other ones, is there an elegant solution to do this?
You can give a fixed height to a container ! and set text to fit in one line Text('Name',maxLines: 1,), so it will take same height in all row.
or
Alternatively you can add a empty Text widget as subtitle(grey one) in History row.
like -> Text(" ", style:TextStyle()) Give it same style as other subtitle. as result Text widget will take it space like other but wont be visible to UI.
By wrapping every widget on your Column with an Expanded widget, they will all share the same height.
I have a ListView with a Column, and inside that Column 2 buttons.
The ListView is stretched to the entire page (it contains more elements)
I want all the buttons inside the Column to stretch to the button with the largest width.
I found a solution on usnig InstrictWidth, but when used inside a Listview I'm getting the error
LayoutBuilder does not support returning intrinsic dimensions.
How can I still achieve what I'm looking for?
Wrap each button with an Expanded widget and then wrap each one of these Expanded widgets with a Row widget
Should we consider the Column widget constrained or unconstrained in the vertical direction?
According to the document of the Column widget:
When the contents of a Column exceed the amount of space available,
the Column overflows, and the contents are clipped.
To my understanding, this means that the Column widget is constrained (or bounded) vertically.
On the other hand, the documentation of the Center widget says:
If a dimension is unconstrained and the corresponding size factor is
null then the widget will match its child's size in that dimension.
When I place the Center widget in the children of a Column, what happens is that the Center widget shrinks its height to match the height of its child. According to the above document, this means that the Column widget is unconstrained in the vertical direction.
So which take is correct? Is the Column widget constrained or unconstrained in the vertical direction?
I think you're mixing the parent constraints with the children constraints.
The box constraints that the column itself receives from its parent is different from the one it passes on to its children: the column may be constrained in height by its parent, but it gives its children an infinite (unconstrained) height. Therefore..
To my understanding, this means that the Column widget is constrained (or bounded) vertically.
Yes, the column is constrained by its parent.
According to the above document, this means that the Column widget is unconstrained in the vertical direction.
Not the column itself but its children, on the other hand, are not constrained in height. This explains why the Center shrinks on the vertical direction to match its child.