当前位置: 首页 > 知识库问答 >
问题:

如何使按钮宽度与父级匹配?

丌官昊天
2023-03-14
new Container(
  width: 200.0,
  padding: const EdgeInsets.only(top: 16.0),
  child: new RaisedButton(
    child: new Text(
      "Submit",
      style: new TextStyle(
        color: Colors.white,
      )
    ),
    colorBrightness: Brightness.dark,
    onPressed: () {
      _loginAttempt(context);
    },
    color: Colors.blue,
  ),
),

共有1个答案

阳宗清
2023-03-14

更新:

在Flutter 2.0中,raisedButton被弃用,并被elevatedButton所取代。您可以使用minimumsize,如下所示:

ElevatedButton(
        style: ElevatedButton.styleFrom(
          minimumSize: Size(double.infinity, 30), // double.infinity is the width and 30 is the height
        ),
        onPressed: () {},
        child: Text('Text Of Button'),
      )

颤振小于2.0的旧答案:

SizedBox.expand(
  child: RaisedButton(...),
)
SizedBox(
  width: double.infinity,
  // height: double.infinity,
  child: RaisedButton(...),
)
ConstrainedBox(
    constraints: const BoxConstraints(minWidth: double.infinity),
    child: RaisedButton(...),
)
 类似资料:
  • 我有一个片段包含一个带有layout_width=“match_parent”的RecyclerView: RecyclerView中的项是CardView,也具有layout_width=“match_parent”: 我将项目视图膨胀如下: 但当我运行该应用程序时,CardView将呈现为wrap_content,如下所示: 请注意,这是在仿真器上运行的,而不是真正的设备。 是我做错了什么,还

  • 在Bootstrap中,如何获得一个像下面这样的按钮组,它跨越父元素的整个宽度?(与“.btn block”类类似,但应用于组http://getbootstrap.com/css/#buttons-尺寸)

  • 问题内容: 我正在尝试设置此样式: 以便标题位于与图像宽度相同的阴影框中。请注意,有时可以将其放在表的内部。它也不应超过父元素的宽度(必要时将图像缩小)。 这是我到目前为止的内容: 问题在于,放置as 使其不再影响其他元素的流动,因此它会将其覆盖在其下方的内容上,而不是将其下推。 html标记是自动生成的,我无法对其进行任何编辑,因此我想知道使用 纯css 是否可行。 问题答案: 您可以使用CSS

  • 我有一个,我希望它填满视图的整个宽度,但是如果它比大,它应该保持这个大小。我尝试使用,但它不能用于。

  • 我试图使(“父面板”)的内容从顶部向底部添加,并且使每个组件的宽度与父面板的宽度匹配,同时使每个组件的高度环绕内容。内容将动态生成。 这是我想要的样子: 这在Android中是相当容易做到的。我调查了Swing的布局经理,但他们似乎都不是一个明显的选择。我试过使用(vertical),除了面板没有填充父面板的宽度(这使它看起来非常糟糕)外,它还可以工作。 (注意使用GridBagLayout、Bo

  • A)屏幕是1000像素宽,给定的固定最大宽度是600像素,那么按钮将是600像素宽。 B)屏幕是400像素宽,给定的固定最大宽度是600像素,那么按钮将是400像素宽。