如何在 Flutter 中设置 CupertinoButton 的宽度？

Question

我是不是遗漏了什么明显的东西？在 CupertinoButton 按钮上设置 minSize 设置宽度和高度（见图）。

如何只设置宽度？

提前致谢。

Answer 1

将其包裹在一个 SizedBox 中并设置宽度和高度。

例子

SizedBox(
   width: 500,
   height: 200
   child: CupertinoButton(
       onPressed: (){},
       child: Text("Click Me", style: TextStyle(color: Colors.white)),
       color: Colors.green
   )
)

注意：最佳做法是使用 SizedBox，因为它更有效，因为您只需要更改宽度和高度。

检查这个。

Answer 2

将其包装在 Container() 中并从那里设置宽度和高度

Answer 3

给你的 CupertinoButton 一个特定的 width 和 height。

您可以执行以下操作之一：

1) 将其包裹在 SizedBox 中并为其指定宽度和高度

例如检查下面的代码：

 SizedBox(
   // set your width property here
   width: 100,
   // set your width property here
   height: 100
   child: CupertinoButton(
     ......  
   ),
);

2) 将其包裹在 Container 中并为其指定宽度和高度

例如检查下面的代码：

Container(
   // set your width property here
   width: 100,
   // set your width property here
   height: 100
   child: CupertinoButton(
     ......  
   ),
);

注意：为了获得更好的性能，建议根据要使用的属性选择Widgets。如果您需要 Container 的某些属性，请使用 Container 小部件。

如果您不需要 Container 的大部分属性，请选择 SizedBox 小部件。

如何在 Flutter 中设置 CupertinoButton 的宽度？

How to set width of CupertinoButton in Flutter?

dart

flutter

flutter-cupertino