【问题标题】:How to remove builtin padding from Icon如何从图标中删除内置填充
【发布时间】:2021-07-31 11:37:41
【问题描述】:

Icon 小部件似乎有一个内置填充,但我想删除填充,以便将图标与左侧的其他小部件正确对齐。

正如您从下面的屏幕截图中看到的那样,小部件本身与左侧完美对齐(我将 Icon 包裹在带有背景色的 Container 中仅用于测试目的),但图标有一些填充看起来没有对齐。

是否有可能删除此填充?

【问题讨论】:

    标签: flutter flutter-layout


    【解决方案1】:

    我刚刚检查了 Icon 的实现(你也可以看看)并且找不到任何关于添加填充的信息。我不是 100% 确定,但我认为空格来自图标本身。

    我有一个替代解决方案:

    1. 获取 SVG 格式的图标(您可以从 Google Fonts 下载 Google Icons
    2. 使用 SVG 编辑器删除填充(您可以使用 Figma 免费版)
    3. 将图标作为资产添加到您的 pubspec.yaml 中

    祝你好运!

    【讨论】:

      猜你喜欢
      • 2013-05-05
      • 2019-05-07
      • 1970-01-01
      • 2020-12-01
      • 1970-01-01
      • 2023-04-04
      • 2022-08-23
      • 2012-07-23
      • 2023-01-08
      相关资源
      最近更新 更多