flutter - 连续两列自动缩放图像？

Question

我要创建的是 ListView 的行，如下图所示。该行包含两列。他们每个人都有一个图像。

我已经创建了第一个列。图片和代码如下所示。

我的代码：

class ProductsRow extends StatelessWidget {
@override
Widget build(BuildContext context) {
return Column(
  children: [
    Row(
      mainAxisAlignment: MainAxisAlignment.spaceBetween,
      children: [
        Text(
          '30%',
          style: TextStyle(
            fontWeight: FontWeight.w700,
            fontSize: 16,
          ),
        ),
        Icon(
          Icons.favorite,
          color: Colors.red,
        ),
      ],
    ),
    Image.asset(
      'images/schuhe4.png',
      fit: BoxFit.scaleDown,
    ),
    Text(
      'Nike Air Max 2',
      style: TextStyle(
        fontSize: 20.0,
        fontWeight: FontWeight.bold,
        color: Color(0xFF5F6288),
      ),
    ),
    Text(
      '240.0 €',
      style: TextStyle(
        fontSize: 30.0,
        fontWeight: FontWeight.w900,
        color: Color(0xFF5F6288),
      ),
    ),
  ],
);
}
}

我的问题是，当我将创建的列包装在一行中并复制它看起来像这样的列时：

如何使列中的图片自动缩放，在 Flutter 中是否可以？

Answer 1

使用Expanded小部件来解决这个问题：

class ProductsRow extends StatelessWidget {
@override
Widget build(BuildContext context) {
return Row(
   children:[
     Expanded( // column 1),
     Expanded( // column 2)
   ]
 );
 }
}