Flutter Row：动态高度和垂直拉伸

Question

我有一个ListView 项目，它具有动态高度，受文本内容的影响。这是一个简单的Column，带有两个文本小部件。

当将Column 包裹在Row 中并添加Image 时，我希望图像垂直扩展（但宽度固定）以匹配文本的自动高度。

但是，我不能在 Row 上使用 CrossAxisAlignment.stretch，因为它需要固定高度。

如何让我的图片根据旁边的文本内容展开/缩小？

Answer 1

Stack 将自动包装未定位的子项。您可以利用它来发挥自己的优势：

import 'package:flutter/material.dart';

void main() => runApp(App());

class App extends StatelessWidget {
  @override
  Widget build(BuildContext context) {
    return MaterialApp(
      home: Scaffold(
        appBar: AppBar(),
        body: ListView(
          children: <Widget>[
            Stack(
              children: <Widget>[
                Positioned(
                  left: 0,
                  top: 0,
                  bottom: 0,
                  width: 100,
                  child: Container(color: Colors.orange), // replace with your image
                ),
                Padding(
                  padding: EdgeInsets.fromLTRB(116, 16, 16, 16),
                  child: Text('Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua. At vero eos et accusam et justo'),
                )
              ],
            ),
          ],
        )
      ),
    );
  }
}