您好, 欢迎来到 !    登录 | 注册 | | 设为首页 | 收藏本站

Flutter:根据值显示不同的图标

Flutter:根据值显示不同的图标

更改List以存储IconData而不是String

List<Map<String, IconData>> _categories = [
    {
      'name': 'Sports',
      'icon': Icons.directions_run,
    },
    {
      'name': 'Politics',
      'icon': Icons.gavel,
    },
    {
      'name': 'Science',
      'icon': Icons.wb_sunny,
    },
];

然后,IconData从您的build方法调用

  Widget _buildCategoryCards(BuildContext context, int index) {
    return Container(
      padding: EdgeInsets.symmetric(vertical: 5.0),
      child: Card(
        child: Container(
          padding: EdgeInsets.all(15.0),
          child: Row(
            children: <Widget>[
              Icon(_categories[index]['icon']),
              Sized@R_241_2419@(width: 20.0),
              Text(_categories[index]['name']),
            ],
          ),
        ),
      ),
    );
  }

请注意,使用a Map来做您想要的事情是没有用的(甚至没有效率)。您应该使用一个自定义类:

Class Category {
  String name;
  IconData icon;

  Category(this.name, this.icon);
}

然后将其替换List为:

List<Category> _categories = [
    Category('Sports', Icons.directions_run),
    Category('Politics', Icons.gavel),
    Category('Science', Icons.wb_sunny),
];

最后在您的小部件中:

        children: <Widget>[
          Icon(_categories[index].icon),
          Sized@R_241_2419@(width: 20.0),
          Text(_categories[index].name),
        ],
其他 2022/1/1 18:16:42 有440人围观

撰写回答


你尚未登录,登录后可以

和开发者交流问题的细节

关注并接收问题和回答的更新提醒

参与内容的编辑和改进,让解决方法与时俱进

请先登录

推荐问题


联系我
置顶