在没有大量“if-then”逻辑的情况下实现图标-文本映射

Question

更新：这个问题中提到的功能列表根据给定的餐厅在组成长度上有所不同。并非每家餐厅都具有相同或相同数量的功能。

我正在我的flutter 应用程序中创建一个餐厅功能列表，每个功能都有一个独特的图标。这些不一定是唯一的，因为根据功能会有一些重复（例如，任何带有“菜单”的东西都会返回 food 图标）。

我目前将此设置为基于feature 的一系列 if-then 查找（见下文）。当前系统有一个后备图标，用于给定功能没有映射到它的功能的情况。 我们在应用商店更新应用之前在后端添加功能，因此需要一种方法来处理还没有图标的新功能。

我相信一定有更好的方法使用map 或新的class。感谢您的帮助！

loadedRestaurant.restFeatureList![index].toString().toLowerCase().contains('family')
        ? Icons.family_restroom_rounded

: loadedRestaurant.restFeatureList![index].toString().toLowerCase().contains('game day') 
        ? Icons.sports
...

生成的小部件如下所示： Screenshot of restFeatureList

Answer 1

您可以使用 Map 将功能和图标存储在一起，并使用 gridView.Builder 来创建列表（需要对结果进行一些调整）：

     List restFeatureList = [
          {'feature': "family", "icon": Icons.family_restroom_rounded},
          {'feature': "game_day", "icon": Icons.sports},
          {'feature': "veggie", "icon": Icons.park},
          {'feature': "outdoor", "icon": Icons.outdoor_grill}
        ];
    
        return Scaffold(
          backgroundColor: Colors.blue,
          body: Padding(
            padding: const EdgeInsets.all(8.0),
            child: Center(
              child: Container(
                width: 200,
                height: 200,
                color: Colors.white,
                child: GridView.builder(
                  gridDelegate: const SliverGridDelegateWithFixedCrossAxisCount(
                    crossAxisCount: 2,
                  ),
                  itemCount: restFeatureList.length,
                  itemBuilder: (BuildContext context, int index) {
                    return Row(
                      children: <Widget>[
                        Text('${restFeatureList[index]['feature']}'),
                        Icon(restFeatureList[index]['icon']),
                      ],
                    );
                  },
                ),
              ),
            ),
          ),
        );

Answer 2

类似这样的：

//mapping in some utils for example
final featureIcons = <String, IconData>{
      "family": Icons.family_restroom_rounded,
    }.entries;

    IconData getFeatureIcon(String feature) {
      return featureIcons
          .firstWhereOrNull((key) => key.key.toLowerCase().contains(feature))
          ?.value;
    }

// in your UI
    getFeatureIcon(loadedRestaurant.restFeatureList![index].toString());