Flutter增加Switch的高度和宽度？答案

【问题标题】：Flutter increase height and width of Switch?Flutter增加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"),

            )
          ],
        )           ,
     ),
    )

【问题讨论】：

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

标签： flutter flutter-layout flutter-dependencies flutter-animation

【解决方案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: (){

                }),
              )

【讨论】：