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

Question

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

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

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

如何根据旁边的文本内容扩展/缩小我的图像？

Answer 1

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

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