look at the pic
I don't want elements to change their positions especially in horizontal axis when their strings changed
I mean it should be like a table with fixed columns.
can I do this just with row?
It's probably because you set a defined width for spacing.
You could use a combination of Flexible & Expanded widgets to wrap all the children in your Row.
That should align them correctly.
You can find the corresponding code here
Related
These boxes will basically be images of unknown resolutions. I want them to fit in such wrap structure that they are put one by one from left to right, but if there's more space in right column then the image should be placed in the right column instead of the left one.
I was wondering if this is possible with "wrap" widget, I tried it and couldn't get it to work without having to set a fixed height and wrap alignment to vertical. But I can't have a fixed height because there will be unknown number of images.
If nothing works, I will have to have a custom solution using columns or rows and I can do that but I just want to know if there's a simpler way to do this. Thank you in advance!
I need a grid that contains children of fixed sizes.
GridView expands its children, which is not what I need. The grid should simply size itself according to it's children by setting the crossAxisCount.
My current solution is to use simple columns and rows, but that's so much boilerplate code for just a common widget.
You will have to do it dynamically, and supply the value of the crossAxisCount dynamically
I am trying to put a dot between the labels, but only only between each item in each "row". There will be 8 dots total. each line shouldn't start or end with a dot. Any thoughts on how to do this?
Edit:
I want to give a list of widgets as a parameter. I do not know the height or width of the widgets that will be passed in. Creating this with a row is tricky, because I have to have some kind of logic that determines if there will be enough space for the widget before going to the next row.
Is it just me, but who else thinks that Flutters columns and rows are the wrong way around?
Surely rows should run from top to bottom and columns across.
Am I missing something?
The terminology of the word row is horizontal. A column is always vertical. See https://en.m.wikipedia.org/wiki/Row_(database)
Row class:
A widget that displays its children in a horizontal array.
Column class:
A widget that displays its children in a vertical array.
Every direct widget under a row is horizontal while when you put it in a container or another widget every widget under that tree is getting the alignment from the next one above.
If you have ever used SQL, and have looked at its tables,(Or any other table) you can clearly observe that all the columns are arranged vertically while all the rows are arranged horizontally.
The same principle is followed in flutter.
I'm using PyGTK on Windows to develop a small application.
How can I enforce vertical alignment of widgets across containers to achieve something like this?
In the mockup, widgets are in separate frames, but I want to maintain vertical alignment as if they were in the same gtk.Table. If I put them in the same table then I can't put a gtk.Frame around the groups of widgets.
Maybe it's already too late for you, but for other people that find this question. You can create an array of SizeGroup with 8 elements, and add to each element every widget that should go on the same column, this will make the width of each cell on the respective grid to be the same size, if all widgets are added, this will have the side effect of also align them vertically. Just be sure the amount of columns in the grid below is the same as above.
Also, if your labels need some special alignment there is currently a bug that does not let you use halign and valign when using SizeGroup, see https://bugzilla.gnome.org/show_bug.cgi?id=733981 .