Flutter 按行/列中其他窗口小部件的大小调整行/列中窗口小部件的大小

我想用同一行/列的另一个小部件的最小大小来调整行/列中的小部件的大小

例如：

class Example extends StatelessWidget {
  @override
  Widget build(BuildContext context) {
    return Align(
      alignment: Alignment.topCenter,
      child: FittedBox(
        child: Column(
          children: [
            LongWidget(),
            FlatButton(child: Text("flat button"),
              color: Colors.red,
              onPressed: () {},
            ),
          ],
        ),
      ),
    );
  }
}

现在看起来是这样的：

---

我想将按钮的大小调整为长部件的大小。我尝试了

Expanded

和

CrossAxisAlignment.Stretch

但两者都破坏了列

您可以复制粘贴运行下面的完整代码
您可以使用

IntrinsicWidth

并设置

FlatButton

的

minWidth:double.infinity

代码片段

return Align(
      alignment: Alignment.topCenter,
      child: IntrinsicWidth(
        child: Column(
          children: [
            Text("long" * 12),
            FlatButton(
              minWidth: double.infinity,
              child: Text("flat button"),
              color: Colors.red,
              onPressed: () {},
            ),
          ],
        ),
      ),
    );

工作演示

完整代码

import 'package:flutter/material.dart';

class Example extends StatelessWidget {
  @override
  Widget build(BuildContext context) {
    return Align(
      alignment: Alignment.topCenter,
      child: IntrinsicWidth(
        child: Column(
          children: [
            Text("long" * 12),
            FlatButton(
              minWidth: double.infinity,
              child: Text("flat button"),
              color: Colors.red,
              onPressed: () {},
            ),
          ],
        ),
      ),
    );
  }
}

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

class MyApp extends StatelessWidget {  
  @override
  Widget build(BuildContext context) {
    return MaterialApp(
      title: 'Flutter Demo',
      theme: ThemeData(        
        primarySwatch: Colors.blue,        
        visualDensity: VisualDensity.adaptivePlatformDensity,
      ),
      home: MyHomePage(title: "test",),
    );
  }
}

class MyHomePage extends StatefulWidget {
  MyHomePage({Key key, this.title}) : super(key: key);

  final String title;

  @override
  _MyHomePageState createState() => _MyHomePageState();
}

class _MyHomePageState extends State<MyHomePage> {
  int _counter = 0;

  void _incrementCounter() {
    setState(() {    
      _counter++;
    });
  }

  @override
  Widget build(BuildContext context) {    
    return Scaffold(
      appBar: AppBar(        
        title: Text(widget.title),
      ),
      body: Center(        
        child: Column(       
          mainAxisAlignment: MainAxisAlignment.center,
          children: <Widget>[
            Example(),
          ],
        ),
      ),
      floatingActionButton: FloatingActionButton(
        onPressed: _incrementCounter,
        tooltip: 'Increment',
        child: Icon(Icons.add),
      ), 
    );
  }
}

导入“包装：颤振/材料.省道”；
类示例扩展了无状态小部件{
@凌驾
小部件构建（构建上下文）{
返回对齐(
对齐：alignment.topCenter，
子：内部宽度(
子：列(
儿童：[
文本（“长”*12），
扁平按钮(
minWidth:double.infinity，
子项：文本（“平面按钮”），
颜色：颜色，红色，
按下：（）{}，
),
],
),
),
);
}
}
void main（）{
runApp（MyApp（））；
}
类MyApp扩展了无状态小部件{
@凌驾
小部件构建（构建上下文）{
返回材料PP(
标题：“颤振演示”，
主题：主题资料（
主样本：颜色。蓝色，
视觉密度：视觉密度。自适应平台密度，
),
主页：我的主页（标题：“测试”），
);
}
}
类MyHomePage扩展StatefulWidget{
MyHomePage（{Key，this.title}）：超级（Key:Key）；
最后的字符串标题；
@凌驾
_MyHomePageState createState（）=>\u MyHomePageState（）；
}
类_MyHomePageState扩展状态{
int _计数器=0；
void _incrementCounter（）{
设置状态（（）{
_计数器++；
});
}
@凌驾
小部件生成（BuildContext上下文）{
返回脚手架(
appBar:appBar（
标题：文本（widget.title），
),
正文：中心（
子栏（
mainAxisAlignment:mainAxisAlignment.center，
儿童：[
示例（），
],
),
),
浮动操作按钮：浮动操作按钮(
按下时：\ u递增计数器，
工具提示：“增量”，
子：图标（Icons.add），
), 
);
}
}