flutter 如何设置自定义图标

hfwmuf9z 于 2023-05-19 发布在 Flutter

关注(0)|答案(3)|浏览(224)

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

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

但是这个弹出

我的标志是在

和我复制的相对路径

3条答案

更改斜线

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

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

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

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

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

如果你在应用程序栏中使用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

希望这对你有帮助：）