颤动| 从 Switch 小部件中删除多余的空间

Question

我正在 flutter 应用程序中的下面的屏幕上工作，但是当我使用 Switch 小部件时，它会破坏对齐，因为 flutter 中已经定义了硬编码的高度和宽度。

我怎样才能摆脱多余的空间

注意：使用单选按钮或复选框也存在同样的问题

Answer 1

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

您可以参考https://flutterwebbies.com/flutter/how-to-remove-extra-space-from-switch-widget/

Answer 2

您可以尝试将 Switch 小部件包装在容器中

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

Answer 3

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

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