相关疑难解决方法(0)

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

我有一个对象列表,每个对象都有一个图标属性,如下所示:

List<Map<String, String>> _categories = [
    {
      'name': 'Sports',
      'icon': 'directions_run',
    },
    {
      'name': 'Politics',
      'icon': 'gavel',
    },
    {
      'name': 'Science',
      'icon': 'wb_sunny',
    },
];
Run Code Online (Sandbox Code Playgroud)

然后我在 ListView.builder() 小部件中使用了一个小部件。目前,我正在显示一个静态选择的图标,以与列表中的文本一起显示。我的问题是如何使用对象中的 icon 属性来动态选择为每个单独的列表项显示的图标?

  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(Icons.directions_run),
              SizedBox(width: 20.0),
              Text(_categories[index]['name']),
            ],
          ),
        ),
      ),
    );
  }
Run Code Online (Sandbox Code Playgroud)

dart flutter

4
推荐指数
1
解决办法
9522
查看次数

标签 统计

dart ×1

flutter ×1