Flutter FlatButton已被弃用 - 有宽度和高度的备选解决方案。

Question

12 浏览2023年1月23日

匿名的 2023年1月23日

0 Comments

在Flutter升级后，“FlatButton”被弃用了，我必须使用TextButton来替代。但是我没有找到一个设置新按钮类型宽度和高度的解决方案。以下是我的工作中的FlatButton。如何用textButton或elevatedButton来解决呢？

_buttonPreview(double _height, double _width) {


    return FlatButton(
      onPressed: () {  },
      height: _height,
      minWidth: _width,
      color: Colors.grey,
      padding: EdgeInsets.all(0),
      child: Text(
        "some text",
        style: TextStyle(color: Colors.white),
      ),
    );

}

0

3 答案

匿名的 · Answer 1 · 2023-04-16T08:49:08+00:00

Flutter中的FlatButton已经被弃用，最好的选择是ElevatedButton。可以使用以下代码来替代：

ElevatedButton(


  style: ElevatedButton.styleFrom(
    primary: Colors.teal,
    fixedSize: Size.fromWidth(100),
    padding: EdgeInsets.all(10),
  ),
  child: Text("Press Here"),
  onPressed: () {
    //Code Here
  },
)

匿名的 · Answer 2 · 2023-05-08T20:34:48+00:00

Flutter FlatButton is deprecated - alternative solution with width and height

在Flutter中，FlatButton被弃用了，并且推荐使用TextButton作为替代方案。下面是一个使用width和height属性来替代FlatButton的示例代码：

final ButtonStyle flatButtonStyle = TextButton.styleFrom(


  primary: Colors.white,
  minimumSize: Size(88, 44),
  padding: EdgeInsets.symmetric(horizontal: 16.0),
  shape: const RoundedRectangleBorder(
    borderRadius: BorderRadius.all(Radius.circular(2.0)),
  ),
  backgroundColor: Colors.blue,
);
return TextButton(
  style: flatButtonStyle,
  onPressed: () {
    print('Button pressed');
  },
  child: Text('FlatButton To TextButton Migration'),
);

以上代码中，我们使用TextButton.styleFrom来创建一个ButtonStyle，然后将其应用到TextButton上。通过设置minimumSize属性来指定按钮的宽度和高度，设置padding属性来定义按钮内部的间距，设置shape属性来定义按钮的形状，设置backgroundColor属性来定义按钮的背景颜色。

在这个示例中，我们创建了一个TextButton，并应用了上述定义的ButtonStyle。当按钮被点击时，会打印出"Button pressed"的信息。

参考资料：

- [Migrating to the New Material Buttons and their Themes](https://flutter.dev/go/material-button-migration-guide)

- [New Buttons and Button Themes](https://flutter.dev/docs/release/breaking-changes/buttons)

匿名的 · Answer 3 · 2023-03-22T14:19:45+00:00

Flutter FlatButton is deprecated - alternative solution with width and height

在Flutter中，FlatButton类被弃用了。替代的解决方案是使用width和height属性来设置按钮的大小。

在下面的代码中，我们可以看到一个名为_buttonPreview的方法。这个方法接受两个参数：_height和_width。在方法内部，我们使用TextButton.styleFrom方法来创建一个ButtonStyle对象。这个ButtonStyle对象的属性包括minimumSize、backgroundColor和padding等。最后，我们返回一个TextButton组件，其中设置了样式、点击事件和文本内容。

_buttonPreview(double _height, double _width) {


  final ButtonStyle flatButtonStyle = TextButton.styleFrom(
    minimumSize: Size(_width, _height),
    backgroundColor: Colors.grey,
    padding: EdgeInsets.all(0),
  );
  return TextButton(
    style: flatButtonStyle,
    onPressed: () {},
    child: Text(
      "some text",
      style: TextStyle(color: Colors.white),
    ),
  );
}

这段代码是根据Flutter官方文档中的指南编写的。根据Flutter官方文档的更新，FlatButton类已经被弃用，并且推荐使用TextButton类作为替代方案。在新的TextButton类中，我们可以使用minimumSize属性来设置按钮的大小。在这个例子中，我们使用了_width和_height作为按钮的宽度和高度。

这个解决方案可以帮助开发者在Flutter中替代使用FlatButton类，并且设置按钮的大小。通过使用width和height属性，开发者可以自定义按钮的尺寸，以适应不同的界面布局和需求。

总之，Flutter FlatButton被弃用了，推荐使用TextButton类作为替代方案，并使用minimumSize属性来设置按钮的大小。通过使用width和height属性，开发者可以自定义按钮的尺寸。