Flutter 布局参考手册：IntrinsicWidth 和 IntrinsicHeight

IntrinsicWidth 和 IntrinsicHeight

想要某行或列中所有部件和最高/最宽的部件一样高/宽？不要乱找了，答案在这里！文章源自菜鸟学院-https://www.cainiaoxueyuan.com/xcx/13672.html

当你有这种样式的布局：文章源自菜鸟学院-https://www.cainiaoxueyuan.com/xcx/13672.html

Widget build(BuildContext context) {
  return Scaffold(
    appBar: AppBar(title: Text('IntrinsicWidth')),
    body: Center(
      child: Column(
        children: <Widget>[
          RaisedButton(
            onPressed: () {},
            child: Text('Short'),
          ),
          RaisedButton(
            onPressed: () {},
            child: Text('A bit Longer'),
          ),
          RaisedButton(
            onPressed: () {},
            child: Text('The Longest text button'),
          ),
        ],
      ),
    ),
  );
}
复制代码

但是你希望所有的按钮都和最宽的按钮等宽，只需要使用 IntrinsicWidth：文章源自菜鸟学院-https://www.cainiaoxueyuan.com/xcx/13672.html

Widget build(BuildContext context) {
  return Scaffold(
    appBar: AppBar(title: Text('IntrinsicWidth')),
    body: Center(
      child: IntrinsicWidth(
        child: Column(
          crossAxisAlignment: CrossAxisAlignment.stretch,
          children: <Widget>[
            RaisedButton(
              onPressed: () {},
              child: Text('Short'),
            ),
            RaisedButton(
              onPressed: () {},
              child: Text('A bit Longer'),
            ),
            RaisedButton(
              onPressed: () {},
              child: Text('The Longest text button'),
            ),
          ],
        ),
      ),
    ),
  );
}
复制代码

如果你需要的是让所有部件和最高的部件等高，可以结合使用 IntrinsicHeight 和 Row 部件。文章源自菜鸟学院-https://www.cainiaoxueyuan.com/xcx/13672.html