Flutter 3.3.9项目构建报错：FlatButton未定义，求解决方案

我一直在尝试构建一个Flutter项目，但每次都会报错，我的Flutter版本为3.3.9。报错信息显示，在lib/screens/product_details.dart和lib/screens/chat.dart文件中，_ProductDetailsState和_ChatState类里找不到FlatButton方法。我是Flutter新手，尝试降级Flutter版本但没成功，求解决办法。

报错详情 #

lib/screens/product_details.dart:652:32: Error: The method 'FlatButton' isn't defined for the class '_ProductDetailsState'.
 - '_ProductDetailsState' is from 'package:active_ecommerce_flutter/screens/product_details.dart' ('lib/screens/product_details.dart').
Try correcting the name to the name of an existing method, or defining a method named 'FlatButton'.
                        child: FlatButton(
                               ^^^^^^^^^^
lib/screens/product_details.dart:677:32: Error: The method 'FlatButton' isn't defined for the class '_ProductDetailsState'.
 - '_ProductDetailsState' is from 'package:active_ecommerce_flutter/screens/product_details.dart' ('lib/screens/product_details.dart').
Try correcting the name to the name of an existing method, or defining a method named 'FlatButton'.
                        child: FlatButton(
                               ^^^^^^^^^^
lib/screens/product_details.dart:2137:26: Error: The method 'FlatButton' isn't defined for the class '_ProductDetailsState'.
 - '_ProductDetailsState' is from 'package:active_ecommerce_flutter/screens/product_details.dart' ('lib/screens/product_details.dart').
Try correcting the name to the name of an existing method, or defining a method named 'FlatButton'.
                  return FlatButton(
                         ^^^^^^^^^^
lib/screens/chat.dart:417:16: Error: The method 'FlatButton' isn't defined for the class '_ChatState'.
 - '_ChatState' is from 'package:active_ecommerce_flutter/screens/chat.dart' ('lib/screens/chat.dart').
Try correcting the name to the name of an existing method, or defining a method named 'FlatButton'.
        child: FlatButton(
               ^^^^^^^^^^

解决办法 #

• 替换FlatButton为TextButton：Flutter 2.0起FlatButton被标记为废弃，3.0+版本直接移除了该组件，官方推荐用TextButton替代。将代码中所有FlatButton替换为TextButton，并调整样式参数：
  • 原color参数改为style: TextButton.styleFrom(backgroundColor: ...)
  • 原textColor参数改为style: TextButton.styleFrom(foregroundColor: ...)
  • 其他样式参数统一放入TextButton.styleFrom()中配置
• 示例修改：
  原代码：

  FlatButton(
    color: Colors.blue,
    textColor: Colors.white,
    onPressed: () {},
    child: Text("按钮"),
  )
  

  修改后：

  TextButton(
    style: TextButton.styleFrom(
      backgroundColor: Colors.blue,
      foregroundColor: Colors.white,
    ),
    onPressed: () {},
    child: Text("按钮"),
  )
  

• 无需降级Flutter：降级版本容易引发依赖冲突，直接替换组件是更稳妥的方案。如果项目中还有RaisedButton、OutlineButton等废弃组件，可分别替换为ElevatedButton、OutlinedButton。

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