Flutter开发之——单组件布局容器-IntrinsicHeight和IntrinsicWidth

IntrinsicHeight和IntrinsicWidth是Flutter中的两个特殊布局容器，它们用于在其子widget的宽度或高度上适应其子widget的内容大小。

IntrinsicWidth会根据其子widget内容的宽度来设置自身的宽度，而IntrinsicHeight则会根据其子widget内容的高度来设置自身的高度。

以下是使用IntrinsicHeight和IntrinsicWidth的示例代码：

import 'package:flutter/material.dart';
 
void main() => runApp(MyApp());
 
class MyApp extends StatelessWidget {
  @override
  Widget build(BuildContext context) {
    return MaterialApp(
      home: Scaffold(
        body: IntrinsicHeight(
          child: Row(
            children: <Widget>[
              IntrinsicWidth(
                child: Column(
                  children: <Widget>[
                    Container(
                      width: 50,
                      height: 50,
                      color: Colors.red,
                    ),
                    Container(
                      width: 100,
                      height: 100,
                      color: Colors.blue,
                    ),
                  ],
                ),
              ),
              Container(
                color: Colors.green,
                width: 100,
              ),
            ],
          ),
        ),
      ),
    );
  }
}

在这个例子中，我们首先使用IntrinsicHeight将外部Row的高度设置为两个Container中较高的一个的高度，即100。然后，我们使用IntrinsicWidth将内部Column的宽度设置为两个Container中宽度最大的一个的宽度，即100。这样，即使外部Row的高度发生变化，内部Column的宽度也会保持不变。