Flutter如何根据global.urlScale变量状态动态调整按钮颜色

你现有代码的核心问题有两个：一是判断条件只校验了空值，没覆盖global.urlScale为0的场景；二是禁用色和可用色的配置刚好和需求相反，所以实现不了预期效果，修改后的代码如下：

FlatButton(
  // 禁用状态（urlScale为空/0）时的背景色设为灰色
  disabledColor: Colors.grey,
  // 可用状态下的背景色设为粉色
  color: Colors.pink,
  // 文字颜色适配背景：禁用时用浅灰，可用时用白色
  textColor: (global.urlScale == "" || global.urlScale == 0) ? Colors.grey[300] : Colors.white,
  child: Text('Weigh', textScaleFactor: 2),
  // 补全判断条件：为空或者为0时返回null禁用按钮
  onPressed: (global.urlScale == "" || global.urlScale == 0) ? null : () {
    setState(() {
      // 注意这里要加()才会执行方法，原代码漏了括号
      getUserDetails();
    });
  },
  padding: EdgeInsets.fromLTRB(30.0, 10.0, 30, 10.0),
),

额外注意事项 #

• 如果你使用的是Flutter 2.0及以上版本，FlatButton已经被官方废弃，推荐替换为TextButton，适配逻辑一致，参考代码如下：

TextButton(
  style: ButtonStyle(
    backgroundColor: MaterialStateProperty.resolveWith((states) {
      if (states.contains(MaterialState.disabled)) {
        return Colors.grey;
      }
      return Colors.pink;
    }),
    foregroundColor: MaterialStateProperty.resolveWith((states) {
      if (states.contains(MaterialState.disabled)) {
        return Colors.grey[300];
      }
      return Colors.white;
    }),
    padding: MaterialStateProperty.all(EdgeInsets.fromLTRB(30.0, 10.0, 30, 10.0)),
  ),
  child: Text('Weigh', textScaleFactor: 2),
  onPressed: (global.urlScale == "" || global.urlScale == 0) ? null : () {
    setState(() {
      getUserDetails();
    });
  },
)

• 要确保global.urlScale更新时当前页面会触发setState刷新，否则按钮状态不会自动更新。如果global是全局状态，推荐搭配Provider、GetX等状态管理工具监听值变化，自动触发UI刷新。

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