Android 颤振：为长文本的动态高度的按钮栏中的两个按钮提供相等的宽度

下面是我的简单用例：我希望有两个按钮水平排列。在原生android（我就是从这里来的）中，我会把它们放在一个

线性布局中

，给它们每个1重，并将它们的高度设置为

wrap\u content

现在，我在

ButtonBar

小部件中放置了两个

RaisedButton

，但在我运行应用程序的地方，我可以看到第二个按钮被剪掉了。我希望它们的间距相等，并且根据文本具有动态高度。我怎样才能在颤振中达到同样的效果？以下是我迄今为止所做的尝试：

import 'package:flutter/material.dart';

class NewScreen extends StatelessWidget {
  @override
  Widget build(BuildContext context) {
    return MaterialApp(
      home: Scaffold(
        appBar: AppBar(
            automaticallyImplyLeading: true,
            title: Text("Building layouts"),
            leading: IconButton(
              icon: Icon(Icons.arrow_back),
              onPressed: () => Navigator.pop(context, false),
            )),
        body: myLayoutWidget(),
      ),
    );
  }
}

// replace this method with code in the examples below
Widget myLayoutWidget() {
  return Container(
    child: Column(
      children: <Widget>[
        ButtonBar(
          children: <Widget>[
            RaisedButton(
              onPressed: () {},
              child: Text("Very long text button",),
            ),
            RaisedButton(
              child: Text("Very very very very long text button"),
              color: Colors.red,
              onPressed: () {},
            )
          ],
        ),
      ],
    ),
  );
}

导入“包装：颤振/材料.省道”；
类NewScreen扩展了无状态小部件{
@凌驾
小部件构建（构建上下文）{
返回材料PP(
家：脚手架(
appBar:appBar(
自动嵌入：正确，
标题：文本（“建筑布局”），
领先：IconButton(
图标：图标（图标。箭头返回），
onPressed:（）=>Navigator.pop（上下文，false），
)),
正文：MyLayouWidget（），
),
);
}
}
//用下面示例中的代码替换此方法
小部件MyLayouWidget（）{
返回容器(
子：列(
儿童：[
钮扣杆(
儿童：[
升起的按钮(
按下：（）{}，
子项：文本（“非常长的文本按钮”），
),
升起的按钮(
孩子：文本（“非常长的文本按钮”），
颜色：颜色，红色，
按下：（）{}，
)
],
),
],
),
);
}

这就是它现在的样子：

---

尝试使用行而不是按钮栏，并将按钮添加到展开的父级

Widget myLayoutWidget() {
  return Container(
    child: Row(

      children: <Widget>[
        Expanded(
          child: RaisedButton(
            onPressed: () {},
            child: Text("Very long text button",),
          ),
        ),
        Expanded(
          child: RaisedButton(
            child: Text("Very very very very long text button"),
            color: Colors.red,
            onPressed: () {},
          ),
        )
      ],
    ),
  );
}

Widget MyLayouWidget（）{
返回容器(
孩子：排(
儿童：[
扩大(
孩子：升起按钮(
按下：（）{}，
子项：文本（“非常长的文本按钮”），
),
),
扩大(
孩子：升起按钮(
孩子：文本（“非常长的文本按钮”），
颜色：颜色，红色，
按下：（）{}，
),
)
],
),
);
}

您是否尝试过卸下按钮栏并用展开的按钮包裹每个升起的按钮？这将防止溢出，并在按钮之间平均分配宽度-这将相当于一个线性布局，有两个同等重量的孩子。@Ovidiu我刚刚试过。将按钮包装在

行中

包装在

展开的

中，但现在第二个按钮在第一个按钮之后开始，没有边距，但由于文本很长，它仍然在结尾处剪辑。@Ovidiu哦，你是指每个按钮小部件！我看错了。Lakhwinder Singh的回答让它点击！