如何在 Flutter 中自定义 Switch 小部件的拇指大小？

Question

我正在尝试自定义 Flutter 中 Switch 小部件中拇指的大小以匹配特定设计。我目前使用以下代码进行基本切换：

开关( 值：已切换， onChanged：（值）{ 设置状态（（）{ 已切换 = 值； }); }, )

我想调整开关拇指的大小，如此处链接的图像所示：在此处输入图像描述在此处描述。默认的 Switch 小部件不提供对拇指大小的直接自定义。

有没有办法直接修改 Switch 小部件的拇指大小，或者我需要使用不同的方法或创建自定义小部件来实现此效果？任何有关如何实现自定义拇指尺寸的建议或示例将不胜感激！

我正在寻找一种方法，仅修改 Switch 小部件的拇指大小，而不影响其外观的其他方面。我尝试过使用 Transform.scale 来调整整个开关的大小，但这种方法会缩放整个小部件而不仅仅是拇指。

有没有办法直接在 Switch 小部件中实现这种自定义，或者我是否需要探索其他方法，例如从头开始创建自定义开关小部件？如果有任何库、插件或自定义解决方案提供此功能，我将非常感谢有关如何实现自定义大小拇指的任何建议、示例或指导。预先感谢您的协助！

Answer 1

我看到你想在

Material Design 2

中实现 Swicth 设计

用

Theme

Widget

包裹您的开关

Theme(
  data: ThemeData(
    useMaterial3: false,
  ),
  child: Switch(
    value: isswitched,
    onChanged: (value) {
      setState(() {
        isswitched = value;
      });
    },
  ),
)

ThemeData(useMaterial3: false)

确保使用材料 2。

您可以了解更多信息 这里，Material 文档 或 在此 Flutter 演示中