flutter - 在 Flutter 中创建一个带有图像的按钮?

标签 flutter dart button flutter-layout

如何使用 Flutter 创建带有图像的按钮?这似乎是最简单的事情,但图像并没有完全填充父小部件。这就是我所拥有的:

Container(child: ConstrainedBox(
    constraints: BoxConstraints.expand(),
    child: FlatButton(onPressed: null,
        child: Image.asset('path/the_image.png'))))

我关注了this post作为指导。我的图像如下所示:

enter image description here

注意 PNG 图像周围的填充 - 它不在代码中。它从何而来? PNG 本身没有 Canvas 填充,因此这一定不是正确的技术。

我只需要一个带有填充整个 FlatButton 的图像的按钮,或者我可以添加操作的另一个小部件,而不会扭曲图像。

最佳答案

IconButton(
  icon: Image.asset('path/the_image.png'),
  iconSize: 50,
  onPressed: () {},
)

关于flutter - 在 Flutter 中创建一个带有图像的按钮?,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/53641053/

相关文章:

api - Flutter:Futurebuilder从类中获取空值

java - Button_id 无法解析或不是字段

button - 一个正方形可以有两个按钮吗?

javascript - JavaScript 中按钮的不同操作

flutter - 将列表中的颜色传递到小部件中-Flutter

flutter - Flutter-如何控制圆形进度指示器的边框宽度?

flutter - 如何在不同的屏幕尺寸上测试 Flutter 小部件?

dart - 以下拉值显示图像

flutter - 如何从RenderBox知道Positioned属性?

flutter - 如何实时收听 TextField 更改并使用 TextField 内容更新 Text 小部件?