Flutter 2.5.2实现每次打开应用展示随机背景图报错求解

错误原因 #

• 数组元素缺少逗号分隔：listBg中除第一个元素外，其余路径字符串末尾均未添加逗号，Dart会自动将相邻未用逗号分隔的字符串拼接为一个长字符串，最终得到不存在的图片路径，导致加载失败。
• 随机数取值范围错误：Random.nextInt()方法的参数为生成随机数的上限（不包含上限值），现有代码中传入max - min即listBg.length -1，会导致永远取不到数组最后一个元素的索引，逻辑存在缺陷。
• 数组类型声明不规范：listBg被声明为dynamic类型，无法在编译阶段提前发现数组元素拼接、类型不匹配等问题。
• 潜在资源配置问题：若未在pubspec.yaml中正确注册images/brand/路径下的资源，也会导致图片加载失败。

解决方法 #

1. 补全listBg数组中所有元素末尾的逗号，避免字符串自动拼接。
2. 修正随机数生成逻辑，直接传入listBg.length作为nextInt的参数，即可覆盖全部数组索引。
3. 将listBg的类型明确声明为List<String>，提升代码健壮性。
4. 检查pubspec.yaml的flutter/assets配置项，确保添加了对应的资源路径：

flutter:
  assets:
    - images/brand/

5. 优化Random实例初始化逻辑，无需每次调用图片选择方法时重新创建实例。

修正后的完整代码 #

class MainActivity extends StatelessWidget {
  final List<String> listBg = [
    'images/brand/bg_1.jpg',
    'images/brand/bg_2.jpg',
    'images/brand/bg_3.jpg',
    'images/brand/bg_4.jpg',
    'images/brand/bg_5.jpg',
  ];
  final Random rnd = Random();

  MainActivity({Key? key}) : super(key: key);

  @override
  Widget build(BuildContext context) {
    return MainBg(
      image: img(),
      child: const Scaffold(
        body: Center(
          child: Home(),
        ),
      ),
    );
  }

  AssetImage img() {
    int r = rnd.nextInt(listBg.length);
    return AssetImage(listBg[r]);
  }
}

内容的提问来源于stack exchange，提问作者Erik