如何使 Row 中子元素的高度与 flutter 中其他 Row 子元素的高度相匹配？

Question

我想挤压一个孩子，使其适合另一个孩子的身高。

所以我需要改变这个：

对此：

我的代码如下：

import 'package:flutter/material.dart';

void main() {
  runApp(const MaterialApp(
    home: HomePage(),
  ));
}

class HomePage extends StatelessWidget {
  const HomePage({
    super.key,
  });

  @override
  Widget build(BuildContext context) {
    return SafeArea(
        child: Scaffold(
            body: Row(
      children: [
        Expanded(
          child: Image.asset('assets/test.jpg'),
        ),
        Container(
          width: 200,
          height: 150,
          color: Colors.green,
        ),
      ],
    )));
  }
}

我知道如何将孩子拉伸到行高。但我想捏捏孩子。

Answer 1

由于您没有指定第二个子项（绿色框）是否具有动态高度，因此实现这一点的更简单方法是为行指定固定高度

import 'package:flutter/material.dart';

void main() {
  runApp(const MaterialApp(
    home: HomePage(),
  ));
}

class HomePage extends StatelessWidget {
  const HomePage({
    super.key,
  });

  @override
  Widget build(BuildContext context) {
    return SafeArea(
      child: Scaffold(
        body: SizedBox(
          height: 150,
          child: Row(
            children: [
              Expanded(
                child: Image.network(
                    'https://pbs.twimg.com/media/FF3FCwxXIAcku4C.jpg'),
              ),
              Container(
                width: 200,
                color: Colors.green,
              ),
            ],
          ),
        ),
      ),
    );
  }
}