flutter - 在 Flutter 中，如何使用文本字段和方形图像进行行布局

Question

我正在尝试在行内实现以下布局(请参阅附图):

1. 一个文本字段，包含 3 行
2. 方形图像容器(长宽比为 1:1)，其中图像具有封面

限制: 我希望 TextField 设置行的高度，这样无论字体大小多大或小，图像始终是正方形，并且其高度与 TextField 高度相同。
所以我不想使用任何像素大小

这是我的初始代码，但当然图像不受约束......
关于如何解决这个问题有什么想法吗？

IntrinsicHeight(
  child: Row(
    children: [
      Flexible(
        child: TextField(
          controller: _controller,
          maxLines: 3,
        ),
      ),
      Image.file(File(imagePath), fit: BoxFit.cover)
    ],
  ),
)

Answer 1

试试这个:

IntrinsicHeight(
      child: Row(
        crossAxisAlignment: CrossAxisAlignment.stretch,
        children: [
          Flexible(
            child: TextField(
              controller: _controller,
              maxLines: 3,
            ),
          ),
          AspectRatio(
            aspectRatio: 1,
            child: Image.file(File(imagePath), fit: BoxFit.cover, width: 0),
          ),
        ],
      ),
    );