Flutter使用CustomButton时出现RaisedButton相关报错如何解决？

报错对应根因 #

• The method RaisedButton isn't defined for the type CustomButton：两点原因，一是Flutter 2.0及以上正式版本已废弃RaisedButton组件，官方推荐替换为ElevatedButton；二是原代码括号嵌套错位，RaisedButton的闭合括号位置错误，导致编译器将组件构造识别为CustomButton类的内部方法调用。
• The expression doesn't evaluate to a function, so it can't be invoked：完全由括号不匹配的语法错误引发，ButtonTheme、RaisedButton、Text三个组件的闭合括号位置错乱，编译器将组件构造语法误判为普通函数调用，触发类型校验报错。
• Undefined name text：类属性命名不规范+大小写不匹配，定义的属性名为大写开头的Text，既和Flutter内置的Text文本组件重名引发冲突，调用时又写为小写text，编译器无法找到对应标识符。

修复操作步骤 #

1. 替换废弃组件：移除已弃用的RaisedButton，替换为官方推荐的ElevatedButton，原ButtonTheme配置的最小宽度直接用SizedBox包裹实现更适配新版API
2. 修正属性命名：将大写开头的属性名Text改为小写text，规避和内置组件重名问题，同时匹配调用时的变量名
3. 梳理嵌套语法：对齐所有组件的闭合括号，保证父子组件嵌套层级正确
4. 回调类型收敛：将宽泛的Function类型改为void Function()，符合Flutter按钮的onPressed回调类型规范，避免隐式类型转换报错

修复后可直接运行的代码 #

class CustomButton extends StatelessWidget {
  final void Function() onTap;
  final String text;
  const CustomButton({required this.onTap, required this.text, super.key});

  @override
  Widget build(BuildContext context) {
    return SizedBox(
      width: 200,
      child: ElevatedButton(
        onPressed: onTap,
        child: Text(
          text,
          style: const TextStyle(fontSize: 15),
        ),
      ),
    );
  }
}

若项目使用的是Flutter 1.x老版本无需替换组件，仅修正属性命名、调整括号嵌套位置即可正常运行。

内容的提问来源于stack exchange，提问作者pomoworko.com