I’m designing a custom data viewer list layout although technically, this problem has nothing to do with DVLs. I have a screen with an image inside a row inside a column (snap-to-place interface).
Here’s the component tree:
If I set the image height to fill container, the row height to 120 (absolute size), and the column height to fit contents, I expect the image to be no larger than 120 pixels high.
Hi, I am experiencing the exact same thing with a DVG. The images make the rows much bigger than the screen.
The outer row has a height of FIT CONTENTS and a width of 50%, the image has a height and width of fill container and the rest is fill container.
However, when I test it as a DVG:
That is a little different though because your outer row is going to be as big as it needs to be to fit everything that’s inside it. And with your internal components having fill container, they are also going to be as big as possible.
With mine, the outer column is set to fit contents so it should shrink to whatever size its contents are. Which could mean it’s small or very large, depending. But the row height is 120 pixels which would limit it to 120 pixels. But it’s previewing with the image expanding past that.
Yeah, there’s that, but it still shouldn’t have blasted like that. When I scroll:
Also, since it’s a DVG, there should be 2 icons, but I can only see half of the apple. No sign of anything else, the DVG isn’t horizontally scrollable. Also, I have a - button beside the input but that’s disappeared.