Flutter 3.3.6 中FlatButton, RaisedButton, & OutlineButton找不到

最新推荐文章于 2024-11-15 14:09:31 发布

原创最新推荐文章于 2024-11-15 14:09:31 发布 · 8.2k 阅读 ·

本内容遵循CC 4.0 BY-SA版权协议

闪亮的大早

关注

标签

#flutter #android studio #ios

分类移动开发

问题专栏收录该内容

7 篇文章

订阅专栏

在Flutter 3.3.6版本中，FlatButton, RaisedButton和OutlineButton已被废弃。这些控件被新版的 ElevatedButton, TextButton和OutlineButton所取代，同时使用了新的关联主题。开发者需要进行代码迁移以适配新版本。" 111737464,10293242,Flutter AOP实践：AspectD框架解析,"['Flutter框架', 'Dart编程', 'AOP实践', '代码增强', '自动化录制回放']

Flutter 3.3.6 中`FlatButton`, `RaisedButton`, & `OutlineButton`找不到

昨天将Flutter 的SDK升级到3.3.6，今天打开项目的时候红了一片，发现很多button控件找不到了。

报错如下：

在这里插入图片描述
我的FlutterSDK的版本信息是：

Flutter 3.3.6 • channel stable • https://github.com/flutter/flutter.git
Framework • revision 6928314d50 (6 days ago) • 2022-10-25 16:34:41 -0400
Engine • revision 3ad69d7be3
Tools • Dart 2.18.2 • DevTools 2.15.0

去查了下api看到原文

Supported by Flutter Fix: no

The FlatButton, RaisedButton, and OutlineButton widgets were first deprecated in v1.20, and then extended in v1.26.

They are replaced by new buttons, TextButton, ElevatedButton, and OutlinedButton. These new widgets also use new associated themes, rather than the generic ButtonTheme.

Old Widget	Old Theme	New Widget	New Theme
`FlatButton`	`ButtonTheme`	`TextButton`	`TextButtonTheme`
`RaisedButton`	`ButtonTheme`	`ElevatedButton`	`ElevatedButtonTheme`
`OutlineButton`	`ButtonTheme`	`OutlinedButton`	`OutlinedButtonTheme`

总结：

FlatButton, RaisedButton, and OutlineButton这三个widget 已经有了新的控件替代，并且有新的主题

做对应的替换即可

Code before migration:

FlatButton(
  onPressed: onPressed,
  child: Text('Button'),
  // ...
);

RaisedButton(
  onPressed: onPressed,
  child: Text('Button'),
  // ...
);

OutlineButton(
  onPressed: onPressed,
  child: Text('Button'),
  // ...
);

Code after migration:

TextButton(
  onPressed: onPressed,
  child: Text('Button'),
  // ...
);

ElevatedButton(
  onPressed: onPressed,
  child: Text('Button'),
  // ...
);

OutlinedButton(
  onPressed: onPressed,
  child: Text('Button'),
  // ...
);