flutter 扑动|从“切换”小工具中删除额外空间

lmyy7pcs  于 2023-03-19  发布在  Flutter
关注(0)|答案(5)|浏览(148)

我正在flutter应用程序中处理下面的屏幕,但是当我使用Switch小部件时,它破坏了对齐,因为flutter中已经定义了硬编码的高度和宽度。
第一节第一节第一节第一节第一次
我怎样才能摆脱多余的空间
注:使用单选按钮或复选框时也出现相同问题

2w3rbyxf

2w3rbyxf1#

您可以尝试将“切换”微件 Package 在“容器”中

Container(
  height: 20,
  width: 50,
  child: Switch(
   value: _value,
   onChanged: (value){
    setState((){
      _value = value
    });
   }
  )
);
kx1ctssn

kx1ctssn2#

要从Switch小部件中删除填充,您需要将materialTapTargetSize设置为shrinkWrap

Switch(
  materialTapTargetSize: MaterialTapTargetSize.shrinkWrap,
  onChanged: (bool value) {},
)
k2arahey

k2arahey3#

SizedBox(
  width: 50,
  height: 20,
  child: Switch(
  materialTapTargetSize: MaterialTapTargetSize.shrinkWrap,
  value: value,
  onChanged: (bool newvalue) {
    onChangeMethod(newvalue);
  },
  activeTrackColor: Colors.grey,
  activeColor: Colors.black,
  ),
);
pkbketx9

pkbketx94#

您应该用SizedBox Package Switch,并设置宽度和高度。

eit6fx6z

eit6fx6z5#

我们可以使用带有约束的Container来设置maxHeight

Container(
                constraints: const BoxConstraints(maxHeight: 5.0),
                child: Switch(
                  materialTapTargetSize: MaterialTapTargetSize.shrinkWrap,
                  value: true,
                  activeColor: kAccentColor,
                  onChanged: (p0) => p0,
                ),
              ),

相关问题