Flutter中如何关联两个YAML文件并按指定顺序访问数据？

1. 准备工作 #

首先需在项目中配置依赖与资源文件：

• 在pubspec.yaml中添加YAML解析依赖：

dependencies:
  flutter:
    sdk: flutter
  yaml: ^3.1.2 # 可替换为最新稳定版本

• 声明YAML资源路径，确保Flutter能加载文件：

flutter:
  assets:
    - assets/fruit_specification.yaml
    - assets/amount.yaml

（将两个YAML文件放在项目根目录的assets文件夹下，目录不存在则新建）

2. 加载并解析YAML文件 #

创建工具函数完成YAML文件的加载与解析：

import 'dart:convert';
import 'package:flutter/services.dart';
import 'package:yaml/yaml.dart';

// 加载并解析指定路径的YAML文件
Future<dynamic> loadYamlFile(String path) async {
  final String yamlContent = await rootBundle.loadString(path);
  return loadYaml(yamlContent);
}

3. 关联数据并按指定顺序输出 #

通过映射匹配+顺序遍历的方式，实现按amount.yaml的规则获取有序的水果数据：

Future<List<Map<String, dynamic>>> getOrderedFruitData() async {
  // 加载两个YAML文件的内容
  final fruitSpecData = await loadYamlFile('assets/fruit_specification.yaml');
  final amountOrderData = await loadYamlFile('assets/amount.yaml');

  // 将水果详情转为以amount为key的映射表，方便快速查找
  final Map<int, Map<String, dynamic>> fruitMap = {};
  for (var fruit in fruitSpecData['fruit']) {
    final int amount = fruit['amount'];
    fruitMap[amount] = {
      'name': fruit['name'],
      'color': fruit['color'],
      'amount': amount,
    };
  }

  // 按照amount.yaml的顺序，从映射表中取出对应数据
  final List<Map<String, dynamic>> orderedFruits = [];
  for (var orderItem in amountOrderData) {
    final int targetAmount = orderItem['amount'];
    final? fruit = fruitMap[targetAmount];
    if (fruit != null) {
      orderedFruits.add(fruit);
    } else {
      // 处理amount不存在的异常情况，可根据业务调整逻辑
      print('提示：未找到amount为$targetAmount的水果数据');
    }
  }

  return orderedFruits;
}

4. 使用示例 #

在Widget中调用函数获取并使用有序数据：

@override
void initState() {
  super.initState();
  getOrderedFruitData().then((fruits) {
    // 遍历输出有序的水果信息
    for (var fruit in fruits) {
      print('${fruit['name']} | ${fruit['color']} | 数量：${fruit['amount']}');
    }
  });
}

执行后会按amount.yaml的顺序输出：

banana | yellow | 数量：2
apple | red | 数量：3
plum | purple | 数量：5

注意事项 #

• 确保两个YAML文件中amount的类型一致（均为整数），避免解析匹配错误
• 若amount.yaml中存在fruit_specification.yaml没有的amount值，需根据业务需求补充异常处理逻辑

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