基于同级最大宽度显示小部件

Question

我有一个列，它包含许多不同大小的文本条目，我想让它们扩展到与最大文本相同的宽度。

我的文本条目被包装在一个带有颜色的容器中，我想将它们全部与容器对齐，以便它可以用直边框呈现。

我如何在 Flutter 中进行指示？

Answer 1

这是 IntrinsicWidth. You can use it with CrossAxisAlignment.stretch to determine the intrinsic width of the children and use it to set the width of your Column 的一个很好的用例：

这是生成上述图像的示例代码。

import 'package:flutter/material.dart';

void main() {
  runApp(new MyApp());
}

class MyApp extends StatelessWidget {
  @override
  Widget build(BuildContext context) {
    return new MaterialApp(
      title: 'Flutter Demo',
      home: new Material(
        child: new Center(
          child: new IntrinsicWidth(
            child: new Column(
              mainAxisSize: MainAxisSize.min,
              crossAxisAlignment: CrossAxisAlignment.stretch,
              children: [
                new Container(
                  decoration: new BoxDecoration(color: Colors.blue[200]),
                  child: new Text('Hello'),
                ),
                new Container(
                  decoration: new BoxDecoration(color: Colors.green[200]),
                  child: new Text('world!!!!!!!'),
                ),
              ],
            ),
          ),
        ),
      ),
    );
  }
}

基于同级最大宽度显示小部件

Display widget with based on sibling max width

layout

flutter