令图像取固定高度的列中剩下的空间

Question

我得到了一个用约束框用maxheight包裹的列。现在，我的列有三个孩子。文本，图像和文本输入。我想将图像调整为绘制文本和文本输入后剩下的空间。我该如何实现？我的图像被加载在FutureBuilder中。

目前，它只是在底部溢出，因为我的图像太大了。看起来像这样：

我的代码：

ConstrainedBox(
    constraints: BoxConstraints(maxHeight: 100.h)
    child: Column(
      children: [
        Text(
          "loading...",
          style: TextStyle(fontSize: 15.sp, color: Colors.red),
        ),
        FutureBuilder<String>(
            future: imageRef.getDownloadURL(),
            builder: (BuildContext context, AsyncSnapshot<String> snapshot) {
              if (snapshot.hasData) {
                String url = snapshot.data!;
                return Image.network(
                  url
                );
              } else {
                return Text(
                  AppLocalizations.of(context)!.loadingImageFailed,
                  style: TextStyle(
                    fontSize: 15.sp,
                  ),
                );
              }
            }),
        Padding(
            padding: EdgeInsets.only(left: 15.sp, right: 15.sp),
            child: SizedBox(
                width: 100.w,
                child: ThemeInputField(
                  context,
                  _titleController,
                  AppLocalizations.of(context)!.memeTitleInputLabel,
                  textInputAction: TextInputAction.go,
                  size: 16.sp,
                  autofocus: true,
                  textColor: Colors.white,
                )))
      ],
    ))

Answer 1

尝试用扩展的小部件包装image.network
另外，添加为参数the image.network boxfit.fill