Flutter增加Switch的高度和宽度？

Posted 2023-02-23

【中文标题】Flutter增加Switch的高度和宽度？

【英文标题】：Flutter increase height and width of Switch?

【发布时间】：2019-03-05 06:08:14

【问题描述】：

我用一个人和两个玩家创建游戏。对于选择，我想要幻灯片外观，所以我尝试了切换方法，但它看起来非常小。如何增加开关的高度和宽度？有什么方法可以创建这样的外观吗？

    new Center(
      child:
      new Padding(padding:EdgeInsets.all(50.00),
          child:
        new Column(
        mainAxisSize: MainAxisSize.max,
          children: <Widget>[
            new Switch(value: _value, onChanged: (bool value1)

            
              _value=value1;

            ,
              materialTapTargetSize: MaterialTapTargetSize.shrinkWrap,
              activeThumbImage: new AssetImage("assets/Images/1.png"),
              inactiveThumbImage: new AssetImage("assets/Images/1.png"),

            )
          ],
        )           ,
     ),
    )

【问题讨论】：

我也在寻找方法来更新活动和非活动图像以使用画布/图片/图像，而不必使用本地资产图像或网络图像，你知道吗？

【参考方案1】：

您可以将 Switch 包装在 Transform 小部件中并更改比例。

        Transform.scale( scale: 2.0,
                          child: new Switch(
                            value: true,
                            onChanged: (bool value1) ,
                          ),
                        )

Scale = 1 是默认尺寸，0.5 半尺寸，2.0 双尺寸，您可以使用这些值:)

【讨论】：

解决方法不错。我使用的是SwitchListTile，这个解决方案确实也放大了标题并使 UI 变得怪异。无论如何+1，因为它解决了所提出的问题。

【参考方案2】：

你应该把你的 switch 放在一个容器里，并根据你的要求给它一个高度和一个宽度。

【参考方案3】：

您可以将 Switch 小部件包装在 SizedBox 中并为其设置宽度和高度。

SizedBox(
  width: 80,
  height: 40,
  child: Switch(
    value: isChecked,
    onChanged: (value) 
      //Do you things
    
  )
)

【参考方案4】：

您可以简单地使用在任何地方都更兼容的 Container。

颤抖

Container(
                height: //whatever you want
                widget: //whatever you want
                child: Switch(
                    value: true, 
                    onChanged: ()

                ),
              )