📜  不推荐使用flutter flatbutton (1)

📅  最后修改于: 2023-12-03 15:21:31.617000             🧑  作者: Mango

不推荐使用Flutter FlatButton

在Flutter中,FlatButton是一种常用的按钮组件,可以用于接受用户的点击事件并执行相应操作。然而,在实际开发中,我们不建议使用FlatButton,而应该使用其他的按钮组件。

问题描述

在Flutter 2.x版本之前,FlatButton是一种广泛使用的按钮组件。但是,从Flutter 2.0版本开始,Flutter官方不再推荐使用FlatButton,而是推荐使用其他的按钮组件,例如ElevatedButton和OutlinedButton。

有以下原因是我们不推荐使用FlatButton:

  • 不易于辨识。
  • 不易于使用。
  • 没有明显的交互反馈。

因此,在新项目中尽可能地选择其他按钮组件。

替代方案
ElevatedButton

ElevatedButton是一个高程度可配置的Material Design按钮组件,可以使用它来呈现凸起的材料矩形按钮。

ElevatedButton(
  onPressed: () {
    // 
  },
  child: Text("Elevated Button")
);
OutlinedButton

OutlinedButton 是一个 Material Design 按钮,用于呈现带有矩形边框的文本标签。

OutlinedButton(
  onPressed: () {
    // 
  },
  child: Text("Outlined Button"),
);
TextButton

TextButton 是一个 Material Design 按钮,仅呈现文本标签,可以使用它来分组相关操作。

TextButton(
  onPressed: () {
    // 
  },
  child: Text("Text Button"),
);
结论

虽然FlatButton仍然可以在Flutter 2.x版本中使用,但在新项目中我们建议使用其他按钮组件,以提供更好的用户体验。使用ElevatedButton和OutlinedButton可以更好地向用户传达视觉和交互信息。如果你只需要呈现文本标签,则可以选择TextButton。