Flutter Png 图像在图标中像素化

Posted

技术标签:

【中文标题】Flutter Png 图像在图标中像素化【英文标题】:Flutter Png Image Pixelated when in an Icon 【发布时间】:2020-09-27 06:09:25 【问题描述】:

我无法弄清楚为什么我的图像在我的颤振应用程序中像素化。 图片大小和质量都很好,但在应用程序上却出现了 像素化。

图片:

应用程序:

代码:

Image.asset(
            "assets/trolley.png",
             width: 40,
            height: 40,

          ),

【问题讨论】:

【参考方案1】:

在这种情况下最好使用字体 svg 图标 试试这个https://fluttericon.com video tutorial 关于它

【讨论】:

谢谢,按照指南创建我自己的自定义图标有效。将 Png 转换为 Svg 然后转换为图标

以上是关于Flutter Png 图像在图标中像素化的主要内容,如果未能解决你的问题,请参考以下文章

PNG的精灵动画[颤振]

VectorDrawable 图像变得像素化

使用 Xcode 10 构建时 iOS10 上的像素化​​图像

如何在 Flutter 中制作带背景的抠图图标?

Flutter学习笔记--仿闲鱼底部导航栏带有中间凸起图标

Flutter:忽略图标的空间