image - 运行时 Flutter 高效的图像加载

Question

我正在尝试向我的 Flutter 应用程序添加骰子功能。在 Java 中，我会从 20 中生成一个随机数，然后根据结果拉出相应的图像。例如，一卷 14 将拉出 dice_image_14.jpg 的图像。

由于构建方法的工作方式，我不确定如何在 Flutter 中执行此操作。

我能想到的唯一方法是大量丑陋的嵌套条件语句:

@override
build(Buildcontext context) {
  Stack (
    diceRoll == 1 ?
      Container(
        BoxDecoration(
          image: ('lib/images/dice_image_1.jpg),
        ),
      ) : diecroll == 2?
      Container(
        BoxDecoration(
          image: ('lib/images/dice_image_2.jpg),
        ),
      ) : diecroll == 3?  // etc etc etc.   20 times!!
  );
}

运行后按需将特定图像加载到容器中是否有更现实的解决方案？

Answer 1

只需将您的 diceRoll 插入您的 Assets 路径即可:

BoxDecoration(
          image: ('lib/images/dice_image_$diceRoll.jpg)
     )

来自 Dart docs

$variableName (or ${expression})

String interpolation: including a variable or expression’sstring equivalent inside of a string literal.