Flutter 颤振：CustomIcon和后两个

我需要创建带有两个字符的图标，例如“Ac”代表帐户，“Co”代表联系人，如下所示：

没有合适的方法做那件事。只接受一个字符，这很有意义，但对我的情况很有用

---

我事先也不知道这两个字符，所以我可以制作

ImageIcon

。

ImageIcon

如何使用SVG作为源代码？

我只会使用一个内部带有

文本的装饰性
容器。您可能需要调整尺寸，但这里有一个示例


导入“包装：颤振/材料.省道”；
导入“package:meta/meta.dart”；
类TwoLetterIcon扩展了无状态小部件{
TwoLetterIcon（this.name，{@required this.color}）；
///自定义图标的背景色。
最终颜色；
///将用于图标的文本。它被截断为2个字符。
最后的字符串名；
@凌驾
小部件构建（构建上下文）{
退回新货柜(
装饰：新盒子装饰(
颜色：颜色，
边界半径：新边界半径。圆形（4.0），
),
填充：新边缘设置。全部（4.0），
身高：30.0，
宽度：30.0，
儿童：新文本(
名称.子字符串（0，2），
样式：Theme.of（context）.primaryTextTheme.caption，
),
);
}
}
最终贴图颜色={
“帐户”：Colors.lightGreen.shade700，
“联系人”：Colors.green.shade700，
};
void main（）{
runApp（新材料）PP(
家：新脚手架(
正文：新栏目(
mainAxisAlignment:mainAxisAlignment.center，
子项：colors.keys.map（（字符串名称）{
返回新的ListTile(
前导：新的TwoLetterIcon（名称、颜色：颜色[名称]），
标题：新文本（名称），
);
}).toList（），
)
),
));
}
您只需在pubspec.yaml文件中添加两个字母图标作为依赖项：

two_letter_icon: ^0.0.1

two_letter_icon: ^0.0.1