Flutter：如何根据Array的相同值显示来自2 JSON的数据

Question

我有 2 JSON 文件：

json1：字符串人名（ API ）

[
  {
    "name": "Oliver"
  },
  {
    "name": "George"
  },
  {
    "name": "Harry"
  }
]

json2：字符串装备和一组适合该装备的人（ API ）

[
  {
    "outfit": "T-shirt",
    "fit": [
      "Oliver",
      "George"
    ]
  },
  {
    "outfit": "Hat",
    "fit": [
      "George",
      "Harry"
    ]
  },
  {
    "outfit": "Jacket",
    "fit": [
      "Harry"
    ]
  }
]

我希望在单击此人的姓名时显示 => 显示适合他们的服装

前任。 乔治适合一件 T 恤和一顶帽子

所以请帮助我，这是主要文件：

import 'package:ask/model/page1_model.dart';
import 'package:ask/model/page2_model.dart';
import 'package:ask/services/json2_service.dart';
import 'package:ask/services/json1_service.dart';
import 'package:flutter/material.dart';

class Demo extends StatefulWidget {
  @override
  _DemoState createState() => _DemoState();
}

class _DemoState extends State<Demo> {
  List<Json1> _json1 = [];
  List<Json2> _json2 = [];

  @override
  void initState() {
    super.initState();
    Json1Services.getData().then((data) {
      setState(() {
        _json1 = data;
      });
    });
    Json2Services.getData().then((data) {
      setState(() {
        _json2 = data;
      });
    });
  }

  @override
  Widget build(BuildContext context) {
    return Scaffold(
        appBar: AppBar(title: Text('List Name')),
        body: ListView.builder(
          itemCount: _json1.length,
          itemBuilder: (BuildContext context, int index) {
            Json1 json1 = _json1[index];
            return Column(children: [
              InkWell(
                  child: Text(json1.name),
                  onTap: () => Navigator.push(
                      context,
                      MaterialPageRoute(
                          builder: (context) => Scaffold(
                                appBar: AppBar(title: Text('${json1.name} fits:')),
                                body: ShowWhatFit(json2: List<Json2>.from(_json2)..retainWhere((element) => element.fit[index] == json1.name)), // I think this line is not right
                              ))))
            ]);
          },
        ));
  }
}

class ShowWhatFit extends StatelessWidget {
  final List<Json2> json2;
  ShowWhatFit({this.json2});

  @override
  Widget build(BuildContext context) {
    return Row(
      children: [
        for (int i = 0; i < json2.length; i++) Text(json2[i].outfit),
      ],
    );
  }
}

..................................................... .....................................

Answer 1

List<Json2>.from(_json2)..retainWhere((element) => element.fit[index] == json1.name))

retainWhere将检查每个元素并仅保留条件为真的元素。 问题是element.fit[index] == json1.name只是检查列表fit的索引index处的元素并将其与名称json1.name进行比较，并没有真正检查名称是否在列表fit中。 尝试：

List<Json2>.from(_json2)..retainWhere((element) => element.fit.contains(json1.name)))

这将迭代 json2 中的每个元素，然后检查列表是否包含一个相等的fit json1.name ，如果存在则返回 true，否则返回 false