VSCode中BottomNavigationBarItem的title与RaisedButton被划掉是什么原因?
原因说明
代码上的删除线是VSCode的Flutter插件给出的API弃用提示,说明你用到的这两个API已经在新版Flutter SDK中被官方标记为废弃,后续版本可能会被移除,建议尽快替换为新的替代API。
具体对应废弃说明如下:
BottomNavigationBarItem的title属性:Flutter 2.8版本后正式废弃该参数,替代参数为label,无需嵌套Text组件,直接传入字符串即可。你给出的代码示例调整后写法为:BottomNavigationBarItem(icon: Icon(Icons.map_outlined), label: "help")RaisedButton组件:Flutter 2.0版本推出新的Material 2按钮体系时,废弃了旧版的RaisedButton、FlatButton、OutlineButton组件,替代组件分别为ElevatedButton、TextButton、OutlinedButton。
修复建议
- 按照官方指引替换所有废弃的参数和组件即可消除删除线提示
- 可将鼠标悬浮在带删除线的代码上,VSCode会直接展示详细的弃用说明和替换规则,大部分场景支持点击「快速修复」一键完成代码替换
- 如果不想立刻修改,也可以在
pubspec.yaml中固定Flutter SDK版本到对应API还未废弃的旧版本,但该方案不推荐,会影响后续新特性的使用。
内容的提问来源于stack exchange,提问作者Szymon
相关产品推荐
相关产品推荐

