自动缩放连续两列的图像？

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),
      ),
    ),
  ],
);
}
}

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

如何让Columns中的图片自动缩放，在Flutter中可以吗？

Answer 1

使用 Expanded 小部件解决此问题：

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

自动缩放连续两列的图像？

Autoscale Images from two Columns in a Row?

flutter

autolayout

flutter-layout

flutter-image