Flutter增加开关的高度和宽度?

rvpgvaaj  于 2022-12-24  发布在  Flutter
关注(0)|答案(6)|浏览(238)

我创建游戏与单和两个球员。选择我想幻灯片看,所以我已经尝试了开关方法,但它的外观非常小。如何增加开关的高度和宽度?有没有任何方法创建这样的外观是受欢迎的?

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"),

            )
          ],
        )           ,
     ),
    )

mnowg1ta

mnowg1ta1#

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

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

Scale = 1是默认大小,0.5是一半大小,2.0是两倍大小,您可以使用以下值:)

    • 更新**

现在,您也可以使用SizedBox + FittedBox来执行此操作

SizedBox(
        width: 150,
        height: 40,
        child: FittedBox(
          fit: BoxFit.fill,
          child: Switch(
            value: true,
            onChanged: (bool value1) {},
          ),
        ),
      ),

不要忘记BoxFit.fill的值:)

6mzjoqzu

6mzjoqzu2#

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

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

juzqafwq3#

如果要同时控制高度和宽度,则使用比例的已接受答案将同时增加高度和宽度
像这样使用它

SizedBox(
            width: 50,
            height: 30,
            child: FittedBox(
              fit: BoxFit.fill,
              child: Switch(
                onChanged: (bool value) {
                },
              ),
            ),
          )
mbskvtky

mbskvtky4#

尝试CupertinoSwitch,你可以复制粘贴运行下面的完整代码你可以使用Transform.scale和设置scale,1表示正常大小,0.8表示较小的大小

Transform.scale(
  scale: 0.8,
  child: CupertinoSwitch(
    value: _switchValue,
    onChanged: (bool value) {
      setState(() {
        switchValue = value;
      });
    },
  ),
)
esyap4oy

esyap4oy5#

你应该把你的 * 开关 * 内的一个容器,并给予它的高度和宽度根据您的要求。

u7up0aaq

u7up0aaq6#

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

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

                }),
              )

相关问题