如何使图像在 flutter 中像按钮一样激活？

Question

appBar: AppBar(
    backgroundColor: Colors.white,
    leading: IconButton(
      icon: Icon(Icons.menu, color: Colors.pink,),
      onPressed: () {
        print("menu button is clicked");
      }
    ),
    title: IconButton(
      onPressed: () { print("run button"); },
      icon: Image.asset('assets/images/Slimer_by_shinrider-dcqaiza.webp')),
    ),

在代码中，我制作了一个 IconButton 用于将图像转换为按钮。 但它没有出现图像。 代码中有什么不正确的吗？ 还是我必须使用另一种方法？

Answer 1

检查pubspec.yaml中的资产路径设置。 另外，检查图像是否在您正常设置的资产路径中。

pubspec.yaml

assets:
    - assets/images/

显示文件
https://docs.flutter.dev/development/ui/assets-and-images

Answer 2

GestureDetector(
onTap: () {print('click on edit');},
child: Image(
    image: AssetImage('assets/images/icons/edit-button.png'),
    fit: BoxFit.cover,
    height: 20,
)),

尝试使用 with.png