Flutlab.io中导入material.dart后FlatButton组件无法使用如何解决？

问题原因 #

FlatButton在Flutter 2.0及后续版本中已被官方废弃并移除，即便你导入了package:flutter/material.dart，在Flutlab.io默认使用的新版Flutter SDK中也无法找到该组件，这就是报错的根本原因。

解决方案 #

1. 使用官方推荐的替代组件TextButton（优先选择）

TextButton是FlatButton的官方替代，用法类似，且支持更灵活的样式自定义：

原FlatButton代码示例：

FlatButton(
  onPressed: () {
    // 按钮点击逻辑
  },
  child: Text('点击按钮'),
)

替换为TextButton的代码：

TextButton(
  onPressed: () {
    // 按钮点击逻辑
  },
  child: Text('点击按钮'),
)

如果需要自定义按钮样式，可通过style参数调整：

TextButton(
  style: TextButton.styleFrom(
    foregroundColor: Colors.blue, // 文本颜色
    backgroundColor: Colors.grey[100], // 按钮背景色
    padding: EdgeInsets.symmetric(horizontal: 20, vertical: 10),
    shape: RoundedRectangleBorder(
      borderRadius: BorderRadius.circular(8),
    ),
  ),
  onPressed: () {},
  child: Text('自定义样式按钮'),
)

2. （不推荐）降级Flutter SDK版本

如果你坚持要使用FlatButton，可以在Flutlab.io中切换到较低版本的Flutter SDK（比如2.0.x系列），但这种方式不建议，因为废弃组件会逐渐被移除，且无法享受新版本的特性和修复。

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