Flutter：如何让SwitchListTile的文本标签与开关相邻？

当然可以，SwitchListTile默认布局是文本占满中间空间、开关在最右端，你可以通过两种方式实现二者相邻：

方法一：自定义Tile（推荐，更灵活） #

直接用Row组合文本和开关，搭配InkWell实现点击波纹效果，完全自主控制布局：

bool _isSwitched = false;

// 组件代码
InkWell(
  onTap: () => setState(() => _isSwitched = !_isSwitched),
  child: Padding(
    padding: const EdgeInsets.symmetric(horizontal: 16, vertical: 8),
    child: Row(
      children: [
        const Text("自动同步"),
        const SizedBox(width: 8), // 文本与开关的间距
        Switch(
          value: _isSwitched,
          onChanged: (val) => setState(() => _isSwitched = val),
        ),
      ],
    ),
  ),
)

方法二：改造SwitchListTile #

如果想保留SwitchListTile的基础样式，可将文本和开关打包到title中，同时清空trailing（默认开关的位置）：

bool _isSwitched = false;

// 组件代码
SwitchListTile(
  title: Row(
    mainAxisSize: MainAxisSize.min,
    children: [
      const Text("自动同步"),
      const SizedBox(width: 8),
      Switch(
        value: _isSwitched,
        onChanged: (val) => setState(() => _isSwitched = val),
      ),
    ],
  ),
  trailing: null,
  onTap: () => setState(() => _isSwitched = !_isSwitched),
)

两种方式都能实现文本与开关相邻的效果，第一种自由度更高，适合需要自定义更多样式的场景；第二种则快速复用SwitchListTile的默认交互逻辑。

内容的提问来源于stack exchange，提问作者Davout