Flutter按钮点击透明度变化功能报错：0.5被标记为死代码

问题原因 #

• 你使用了StatelessWidget，这类组件无法维护可变状态。bool pressed = false定义在build方法中，每次组件重建都会被重置为false。
• 点击事件中修改pressed = true后，没有触发组件重建，UI不会更新，导致pressed ? 0.5 : 1中的0.5永远不会被执行，IDE因此提示死代码。

解决方案 #

将StatelessWidget改为StatefulWidget，通过状态管理变量并触发组件重建：

修改后的login_button代码：

class LoginButton extends StatefulWidget {
  const LoginButton({super.key});

  @override
  State<LoginButton> createState() => _LoginButtonState();
}

class _LoginButtonState extends State<LoginButton> {
  bool pressed = false;

  @override
  Widget build(BuildContext context) {
    return Scaffold(
      backgroundColor: Colors.black12,
      body: Center(
        child: GestureDetector(
          onTap: () {
            setState(() {
              pressed = true;
            });
          },
          child: AnimatedOpacity(
            opacity: pressed ? 0.5 : 1,
            duration: const Duration(milliseconds: 800),
            child: Container(
              width: 300,
              height: 50,
              decoration: ShapeDecoration(
                color: const Color(0xFFE9ED1A),
                shape: RoundedRectangleBorder(
                  side: const BorderSide(
                    width: 1.77,
                    color: Color(0xFFE9EC19),
                  ),
                  borderRadius: BorderRadius.circular(6.18),
                ),
              ),
              child: const Center(child: Text('Login')),
            ),
          ),
        ),
      ),
    );
  }
}

关键修改点 #

1. 把LoginButton从StatelessWidget改为StatefulWidget，并创建对应的状态类_LoginButtonState
2. 将pressed变量移到状态类中，避免每次build重置
3. 点击事件中用setState()包裹变量修改，触发组件重建，让UI根据新的pressed值更新透明度

进阶优化（模拟常规按钮交互） #

如果需要实现“按下透明，抬起恢复”的效果，可替换GestureDetector的事件：

GestureDetector(
  onTapDown: (_) {
    setState(() {
      pressed = true;
    });
  },
  onTapUp: (_) {
    setState(() {
      pressed = false;
    });
  },
  onTapCancel: () {
    setState(() {
      pressed = false;
    });
  },
  // 其余代码不变
)

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