I want to have three children in a row.
First child on the top.
Second child will have dynamic height according to the data in a column
Third child needs to be in center of regarding the height of the second child.
I was using Intrinsic height to achieve this but when the second size increased with data it gave overflow issue. Because it wasn't allowing the column in 2nd child to take as many height it needed. Any alternate solution for intrinsic height?
Any help would be great! The design I want to achieve is attached.
Recently Flutter released this video: https://www.youtube.com/watch?v=Si5XJ_IocEs
Since you mentioned in the comments that your code can be considered a simple Row widget, I think the video has the answer to your problem.
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 have problem designing inside a flexible a grid where it can go from 3 item in a row on full screen to be 1 item in a row on the smallest allowed size of the application, is there a widget or guide for this?
use ResponsiveGridList from the package https://pub.dev/packages/responsive_grid.
It is simple and well documented. I used once already, it fitted my needs perfectly.
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'm trying to produce a widget like this below to be contained inside of a listview. I have managed an effect like this rather simply based on the example given on the flutter website for YouTube. However, the part I'm struggling with is that I would like the image to resize vertically depending on how large the text is.
Currently this is created with a row. If possible I'd like to set the row height somehow but only dependent on the height of the text. As some elements will have more text and some will have less I would like to have the image fill the vertical space so the height is the same as the text height.
I basically want this - https://api.flutter.dev/flutter/material/ListTile-class.html#material.ListTile.4
but where the image height on the left matches the text height on the right
Thanks in advance!
i'm trying to set widgets sizes according to screen height. For example i have 3 widgets inside my body, the first and second one should be 20% from whole screen size, the third one - the rest.
The problem is that i have CupertinoSliverNavigatoinBar and CupertinoTabBar, so i can't calculate height of my third widget.
I'm trying to implement this thing.
According to documentation, CupertinoTabBar height is 50.0. To verify this you can check the source code of CupertinoTabBar and there is constant which called _kTabBarHeight.
But for your particular problem I think you should use Expanded widget with flex property.