Как я могу передать эти сложные данные Json MAP в флаттер Listview

Вы можете создать два класса для Country и Attribute

class Country {
  const Country({required this.id, required this.attributes});

  /// Creates a Country from Json map
  factory Country.fromJson(Map<String, dynamic> json) => Country(
        id: json['id'] as String,
        attribute:
            Attribute.fromJson(json['attributes'] as Map<String, dynamic>),
      );

  /// A description for id
  final String id;
  final Attribute attributes;
}

class Attribute {
  const Attribute({
    required this.name,
    required this.code,
    required this.createdAt,
    required this.updatedAt,
  });

  /// Creates a Attribute from Json map
  factory Attribute.fromJson(Map<String, dynamic> json) => Attribute(
        name: json['name'] as String,
        code: json['code'] as String,
        createdAt: DateTime.parse(json['createdAt'] as String),
        updatedAt: DateTime.parse(json['updatedAt'] as String),
      );

  final String name;
  final String code;
  final DateTime createdAt;
  final DateTime updatedAt;
}

при расшифровке:

  final res = jsonDecode(json) as Map<String, dynamic>;
  final List<Country> list = (res['data']['countries'] as 
  List<dynamic>)
        .map((e) => Country.fromJson(e))
        .toList();

Спасибо, но как я могу распечатать или вызвать данные из атрибута страны после декодирования, потому что, когда я пытаюсь что-то вроде Print (список.страна.атрибут.имя) . Я провалился. Моя цель - показать на Посмотреть список

Вы можете использовать его следующим образом:

ListView.builder(
          itemCount: list.length,
          itemBuilder: (_, i) => ListTile(
                title: Text(
                  list[i].attributes.name,
                ),
                subtitle: Text(list[i].attributes.code),
              )),

ОБНОВЛЯТЬ

import 'package:flutter/material.dart';

class MyStatefulWidget extends StatefulWidget {
  const MyStatefulWidget({super.key});

  @override
  State<MyStatefulWidget> createState() => _MyStatefulWidgetState();
}

class _MyStatefulWidgetState extends State<MyStatefulWidget> {
  late Future<List<Country>> futureList;
  Future<List<Country>?> getData() async {
    final String link = 'yoururl';
    final res = await http
        .get(Uri.parse(link), headers: {"Accept": "application/json"});
    if (response.statusCode == 200) {
      final List<Country> list = (res['data']['countries'] as List<dynamic>)
          .map((e) => Country.fromJson(e))
          .toList();
      return list;
    } else {
      throw Exception('Failed to fetch data');
    }
  }

  @override
  void initState() {
    super.initState();
    futureList = getData();
  }

  @override
  Widget build(BuildContext context) {
    return FutureBuilder(
      future: futureList,
      builder: (context, snapshot) {
        if (snapshot.hasData) {
          final list = snapshot.data;
          return ListView.builder(
            itemCount: list!.length,
            itemBuilder: (_, i) => ListTile(
              title: Text(
                list![i].attributes.name,
              ),
              subtitle: Text(list![i].attributes.code),
            ),
          );
        } else if (snapshot.hasError) {
          return const Text('error fetching data');
        }
        return const CircularProgressIndicator();
      },
    );
  }
}