Flutter自定义SwitchTile组件不响应外部状态变更问题排查

错误出在自定义SwitchTile的状态实现逻辑：

• 你在_SwitchTileState中单独维护了本地value变量，且仅在initState生命周期中做了一次初始化，把父组件传入的widget.value赋值给本地变量。但initState只会在State对象首次插入组件树时执行一次，后续Bloc触发状态更新、父组件重建传入新的value值时，initState不会再次执行，本地value会一直保留初始值，不会同步外部更新。
• 你观察到title属性能正常刷新，是因为Text组件直接读取widget.title的值，没有缓存到State本地变量，每次build都会拿到最新的父组件传值；而Switch.adaptive绑定的是State里缓存的旧value，自然无法同步开关状态。
• 你在开关点击回调里手动setState更新本地value的逻辑，本质是把组件做成了本地自维护状态的模式，和你当前需要外部Bloc统一控制状态的需求完全冲突。

推荐直接使用第一种方案，完全适配Bloc状态管理的场景：

方案1：移除组件本地状态，完全使用外部传入值 #

既然状态已经在Bloc层统一维护，自定义组件不需要持有本地状态，直接删掉State里的value变量即可，修改后代码：

class SwitchTile extends StatefulWidget
{
    final String title;
    final bool value;
    final ValueChanged<bool> onChanged;
    
    const SwitchTile({Key? key, required this.title, required this.value, required this.onChanged}) : super(key: key);

    @override
    State<StatefulWidget> createState() => _SwitchTileState();
}

class _SwitchTileState extends State<SwitchTile>
{
    @override
    Widget build(BuildContext context)
    {
        return ListTile(
            title: Text(widget.title),
            trailing: Switch.adaptive(
                value: widget.value,
                onChanged: widget.onChanged,
            )
        );
    }
}

这种写法下SwitchTile是纯展示组件，所有状态由外部控制，每次父组件重建都会传入最新值，不会出现状态不同步的问题。如果组件没有其他需要依赖State的生命周期逻辑，甚至可以直接把SwitchTile改成StatelessWidget，代码更简洁。

方案2：保留本地状态，补充外部属性更新监听 #

如果后续业务需要组件本地持有中间状态，必须重写didUpdateWidget生命周期，监听父组件传入值的变化，同步更新本地状态：

class _SwitchTileState extends State<SwitchTile>
{
    late bool value;
    
    @override
    void initState() 
    {
        super.initState();
        value = widget.value;
    }

    // 新增：监听组件更新事件
    @override
    void didUpdateWidget(covariant SwitchTile oldWidget) {
        super.didUpdateWidget(oldWidget);
        // 外部传入的value发生变化时，同步更新本地状态
        if (oldWidget.value != widget.value) {
            value = widget.value;
        }
    }
    
    @override
    Widget build(BuildContext context)
    {
        return ListTile(
            title: Text(widget.title),
            trailing: Switch.adaptive(
                value: value,
                onChanged: (newValue) {
                    widget.onChanged(newValue);
                    setState(() => value = newValue);
                }
            )
        );
    }
}

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