如何将 SVG 图标放入 flutter 中?

Ana*_*ar 8 menu drawer dart flutter

将此代码放入 pubspec.yaml 中

flutter_svg: ^0.19.3
Run Code Online (Sandbox Code Playgroud)

即使我投入了这些资产

assets:
     - assets\icons\logo.jpg
     - assets\icons\menuicon.svg
     - assets\icons\searchIcon.svg
Run Code Online (Sandbox Code Playgroud)

在代码中它看起来像这样

IconButton(
                    icon: Icon(Icons.searchicon.svg),
                    onPressed: () {},
Run Code Online (Sandbox Code Playgroud)

Nil*_*nta 15

Icon 参数接受任何类型的小部件,而不仅仅是图标,因此您可以使用如下所示的任何小部件

   IconButton(icon: SvgPicture.asset(
      assetName,
      color: Colors.red,
      semanticsLabel: 'Label'
    ),onPressed: () {},
Run Code Online (Sandbox Code Playgroud)

  • 问题是我们必须手动控制每个图标的主题。它不继承 IconTheme 类。 (8认同)
  • @HamdamMuqimov 为颜色属性传递````Theme.of(context).iconTheme.color````怎么样? (3认同)