颤振行：动态高度和垂直拉伸

Question

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

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

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

如何根据图片旁边的文字内容来放大/缩小图片？

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