相关疑难解决方法(0)

使用 Ionic 5 自定义图标?

我最近从 Ionic 4 更新到了 Ionic 5。在 Ionic 5 中,图标也收到了更新。然而,显然加载图标的机制也发生了变化。

在 Ionic 4 中,可以添加这样的自定义图标https : //medium.com/@JordanBenge/how-to-create-custom-ionic-4-icons-af80cc6cc148

assets图标文件夹中添加例如 ios-my-custom-icon.svgmd-my-custom-icon.svg。然后有必要在angular.json 中引用它们,例如:

 ...
   "assets": [
          ...
          {
            "glob": "**/*.svg",
            "input": "src/assets/icon",
            "output": "./svg"
          },
          ...
   ]
...
Run Code Online (Sandbox Code Playgroud)

人们终于可以像 html 中的其他离子图标一样调用它们:

<ion-icon name="my-custom-icon"></ion-icon>
Run Code Online (Sandbox Code Playgroud)

然而,这不再适用于 ionic 5。有人知道,我们现在如何在 ionic 5 中实现自定义图标?

编辑:我意识到仍然可以通过 src 属性调用它们,例如

<ion-icon src="assets/icon/md-my-custom-icon.svg"></ion-icon>
Run Code Online (Sandbox Code Playgroud)

然而,这并不像使用 name 属性那样方便。有没有机会我们有一些与上述相同的东西?

ionic-framework ionic4 ionic5

22
推荐指数
2
解决办法
2万
查看次数

标签 统计

ionic-framework ×1

ionic4 ×1

ionic5 ×1