flutter - 将 map 与AssetImage一起使用

Question

我有一种情况，我想根据选择显示在应用程序上的文本来加载图像。

例如，我有一张看起来像这样的 map :

final _activity = const [
    {'Activity': 'Rock Climbing','Image':'assets/images/rockclimbing.jpg'},
    {'Activity': 'Running','Image':'assets/images/running.jpg'},
];

如果要在“文本”小部件中显示与“ Activity ”相关的文本，可以执行以下操作:

Text(
  activity[activityNumber]['Activity'],
),

但是，我也想显示相应的图像，这是我尝试过的不起作用的内容:

decoration: BoxDecoration(
  color: const Color(0xff7c94b6),
  image: const DecorationImage(
    image:AssetImage (activity[activityNumber]['Image']),
    fit: BoxFit.cover,
),

我也曾尝试用引号，花括号等将其包装起来，但我无法完成这项工作。

Answer 1

您的工作方式应该有效:

Container(
        decoration: BoxDecoration(
          color: const Color(0xff7c94b6),
          image: DecorationImage(
            image: AssetImage(_activity[activityNumber]['Image']),
            fit: BoxFit.cover,
          ),
        ),
      );

您是否考虑过使用Image.asset？类似于: Image.asset(_activity[activityNumber]['Image'])