Просмотр отсортированных Json данных в таблице флаттера

Question

[
  {
    "1": {
      "name": "Shahed Emon",
      "win_rate": "98.7%"
    }
  },
  {
    "2": {
      "name": "Mustakim Nahid",
      "win_rate": "88.7%"
    }
  },
  {
    "3": {
      "name": "Imtiaz Rizan",
      "win_rate": "72.3%"
    }
  },
  {
    "4": {
      "name": "Ishtiak Rongon",
      "win_rate": "52.6%"
    }
  },
  {
    "5": {
      "name": "Sazzad Evan",
      "win_rate": "99.2%"
    }
  },
  {
    "6": {
      "name": "Tanjil Dewan",
      "win_rate": "91.1%"
    }
  },
  {
    "7": {
      "name": "Rayhan Hossain",
      "win_rate": "76.9%"
    }
  },
  {
    "8": {
      "name": "SK Rabby",
      "win_rate": "95.4%"
    }
  }
]

У меня есть эти json данные. Который я отсортировал по 'win_rate', используя это-

final data = json.decode(jsonData);
  data.sort((a, b) =>
      a.values.first["win_rate"].compareTo(b.values.first["win_rate"]));

, теперь я хочу построить таблицу во флаттере, которая соответствует наибольшему win_rate с наименьшими именами win_rate. Как подойти к этому? Я пытался это , но я получаю ошибки / нет данных.

Answer 1

Просто получите перевернутый элемент из ваших данных и поместите его перед текущим элементом:

@override
Widget build(BuildContext context) {
  return Scaffold(
    body: Container(
      color: Colors.yellow,
      child: Table(
        border: TableBorder(horizontalInside: BorderSide(width: 1)),
        children: _sortedData.map(
          (item) {
            final reverseItem = _sortedData[
                _sortedData.length - _sortedData.indexOf(item) - 1];
            return TableRow(
              children: [
                TableCell(
                  child: Text(item.values.first['name']),
                ),
                TableCell(
                  child: Text(reverseItem.values.first['name']),
                )
              ],
            );
          },
        ).toList(),
      ),
    ),
  );
}

Также вы можете l oop отсортировать данные и создать соответствующий массив из функции построения.