I want to do this without using fixed heights or widths so that it still looks good if the user changes font size in display settings (which will change bot the height and width of the second column which contains text).
The best I have been able to do is the following, but with this the thumbnails which are taller cause the Container to be taller and there is a gap below the text, and the thumbnails which are wider have white above and below them
Also, I read that using the Intrinsic widgets is performance heavy, and this container will be repeated about 100 times in a list view so not sure that’s a good idea
Container(
decoration: BoxDecoration(...),
child: IntrinsicHeight(
child: Row(
children: [
Expanded(
child: Image(
image: thumbnailProvider,
fit: BoxFit.cover,
),
),
const IntrinsicWidth(
child: Column(children: [
Text('hello'),
Text('something'),
Text('bla bla bla bla bla bla bla'),
]),
),
],
),
),
);