Flutter/Dart中如何获取资源目录下的图片数量？

Flutter没有直接提供类似assets.length的API来获取某个目录下的资源数量，但可以通过以下两种可靠方法实现：

方法1：解析AssetManifest.json获取资源列表 #

Flutter打包时会生成AssetManifest.json文件，记录所有已注册的资源路径。我们可以读取并解析这个文件，筛选出目标目录下的图片数量。

步骤： #

1. 确保pubspec.yaml正确配置assets：

   flutter:
     assets:
       - assets/four_season/
   

   这样会将four_season目录下的所有文件注册为资源。

2. 编写异步函数获取图片数量：

   import 'package:flutter/services.dart';
   import 'dart:convert';
   
   Future<int> getHotelImageCount() async {
     // 读取AssetManifest.json内容
     final manifestString = await rootBundle.loadString('AssetManifest.json');
     final manifestMap = json.decode(manifestString) as Map<String, dynamic>;
     // 筛选出符合命名规则的酒店图片
     final hotelImagePaths = manifestMap.keys.where((path) => 
       path.startsWith('assets/four_season/hotel') && path.endsWith('.jpg')
     ).toList();
     return hotelImagePaths.length;
   }
   

3. 在ListView中使用FutureBuilder处理异步结果：

   FutureBuilder<int>(
     future: getHotelImageCount(),
     initialData: 0,
     builder: (context, snapshot) {
       return ListView.builder(
         itemCount: snapshot.data!,
         scrollDirection: Axis.horizontal,
         shrinkWrap: true,
         itemBuilder: (BuildContext context, int index) {
           return Container(
             width: 100,
             margin: EdgeInsets.only(right: 25),
             decoration: BoxDecoration(
               borderRadius: BorderRadius.circular(20),
               image: DecorationImage(
                 fit: BoxFit.cover,
                 image: AssetImage(
                   'assets/four_season/hotel${index}.jpg',
                 ),
               ),
             ),
           );
         },
       );
     },
   )
   

方法2：维护配置文件记录图片信息 #

如果担心解析AssetManifest的性能问题，也可以手动维护一个配置文件（如assets/four_season/image_config.json），新增图片时同步更新这个文件。

示例： #

1. 创建image_config.json：

   {
     "imageCount": 5,
     "imageNames": ["hotel0.jpg", "hotel1.jpg", "hotel2.jpg", "hotel3.jpg", "hotel4.jpg"]
   }
   

   并在pubspec.yaml中注册这个文件：

   flutter:
     assets:
       - assets/four_season/
       - assets/four_season/image_config.json
   

2. 读取配置文件获取数量：

   import 'package:flutter/services.dart';
   import 'dart:convert';
   
   Future<int> getHotelImageCountFromConfig() async {
     final configString = await rootBundle.loadString('assets/four_season/image_config.json');
     final configMap = json.decode(configString) as Map<String, dynamic>;
     return configMap['imageCount'] as int;
   }
   

   后续使用方式和方法1一致，通过FutureBuilder加载。

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