flutter 如何设置自定义图标

hfwmuf9z  于 2023-05-19  发布在  Flutter
关注(0)|答案(3)|浏览(213)

目前,我正试图使用我自己的图像的图标使用

ImageIcon(AssetImage("assets\icon\logo.png")
                      )

但是这个弹出

我的标志是在

和我复制的相对路径

ttcibm8c

ttcibm8c1#

更改斜线

ImageIcon(AssetImage("assets/icon/logo.png"))
6gpjuf90

6gpjuf902#

将图像作为资源添加到pubspec.yaml

而且你用错斜线了。应该像下面这样

  • 改变这个
ImageIcon(AssetImage("assets\icon\logo.png"))
  • 到这个
ImageIcon(AssetImage("assets/icon/logo.png"))
oug3syen

oug3syen3#

如果你在应用程序栏中使用IconButton中的图标,那么这对我来说很有效:

IconButton(
  icon: Image.asset(
    "images/your_icon.png",
    width: 24,
    height: 24,
  ),
  onPressed: () {},
),

所以不妨试试:

IconButton(
  icon: Image.asset(
    "assets/icon/logo.png",
    width: 24,
    height: 24,
  ),
  onPressed: () {},
),

我把图标放在根文件夹中的images文件夹中,并添加了图标在pubspec.yaml作为其他答案说。

flutter:
  assets:  
    - images/your_image.png

希望这对你有帮助:)

相关问题