如何在 Flutter 中添加图标的增加/配置粗细/粗体(FontWeight)

2024-04-03

我的 Flutter 应用程序中有一个图标(具体是后退图标)。它看起来更轻。我想出于某种原因让它变得大胆/增加重量。

Container(
    child: Icon(
        Icons.arrow_back,
        color: Color(0xffffffff),
    ),
    padding: EdgeInsets.all(10.0),
    margin: EdgeInsets.fromLTRB(0, 10.0, 0, 0.0),
    decoration: BoxDecoration(
        color: Color(0xff03b673),
        borderRadius: BorderRadius.all(Radius.circular(100.0)),
    ),
)

找不到任何有关它的线程/文档。


问题很旧,但我希望它能帮助别人。

Before:

Icon(
  CupertinoIcons.exclamationmark_circle,
  color: Colors.red,
  size: 16.0,
)

之后(与FontWeight):

Text(
  String.fromCharCode(CupertinoIcons.exclamationmark_circle.codePoint),
  style: TextStyle(
    inherit: false,
    color: Colors.red,
    fontSize: 16.0,
    fontWeight: FontWeight.w700,
    fontFamily: CupertinoIcons.exclamationmark_circle.fontFamily,
    package: CupertinoIcons.exclamationmark_circle.fontPackage,
  ),
)

当然,您的图标应该支持不同的权重。我的示例中的图标仅支持 2 个权重:

  1. thin <= FontWeight.w500
  2. thick >= FontWeight.w600
本文内容由网友自发贡献,版权归原作者所有,本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容,请联系:hwhale#tublm.com(使用前将#替换为@)

如何在 Flutter 中添加图标的增加/配置粗细/粗体(FontWeight) 的相关文章

随机推荐