flutter - 如何在 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，因为它更有效，因为您只需要更改宽度和高度。

检查这个。 Flutter：SizedBox Vs Container，为什么使用一个而不是另一个？

Answer 2

给你CupertinoButton一个具体的width和height。

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

1) 将其包裹在 a 中SizedBox并给它一个 Width 和 Height

例如检查下面的代码：

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

2) 将其包裹在 a 中Container并为其指定 Width 和 Height

例如检查下面的代码：

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

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

如果您不需要大多数属性Container，请使用SizedBox小部件。

Answer 3

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