Comment la Carte de Flottement de Chaînes JSON à partir de la Liste?

Je suis avec succès l'impression que ma réponse comme une Chaîne de caractères à partir de mon YouTube JSON url, mais quand j'essaie de sérialiser à travers les "éléments" j'obtiens l'erreur suivante Unhandled exception:
type 'List' is not a subtype of type 'Map' of 'json' where
List is from dart:core
Map is from dart:core

Voici mon code...

class CardInfo {
  //Constructor
  String id;
  String description;
  String role;
  //int score;

  CardInfo.fromJson(Map json) {
    this.id = json['vieoId'];
    this.description = json['description'];
    this.role = json['title'];
    //this.score = json['score'];
  }
}

Future getData() async {
    String url = 'YouTube url';
    var httpClient  = createHttpClient();
    var response = await httpClient.get(url);
    Map data = JSON.decode(response.body);
    //String ip = data['items'];
    var ci = new CardInfo.fromJson(data['items']);

    //print(data['items']);
    print(ci.id);
    //print(ci.description);
    //print(ci.role);

    if (!mounted) return;


    setState(() {});

  }

print(data['items'] est de l'impression, mais print(ci.id) ou toutes les informations de Carte de variables jette l'erreur ci-dessus.

**** Journal de print(data);

{kind: youtube#searchListResponse, etag: "VPWTmrH7dFmi4s1RqrK4tLejnRI/P9wyOxsXEuXOCvj7znCun2-EykU", nextPageToken: CAMQAA, regionCode: US, pageInfo: {totalResults: 1000000, resultsPerPage: 3}, items: [{kind: youtube#searchResult, etag: "VPWTmrH7dFmi4s1RqrK4tLejnRI/Csl1kQhnOsbs0j4_336zJAN176k", id: {kind: youtube#video, videoId: e3pUxU_bE6w}, snippet: {publishedAt: 2017-09-14T09:43:17.000Z, channelId: UCbD8EppRX3ZwJSou-TVo90A, title: [PRISTIN - We Like] KPOP TV Show | M COUNTDOWN 170914 EP.541, description: KPOP Chart Show M COUNTDOWN | EP.541 - PRISTIN - We Like ▷Watch more video clips: http://MCOUNTDOWN-KPOP2017 [Kor Ver.] 프리티 ..., thumbnails: {default: {url: https://i.ytimg.com/vi/e3pUxU_bE6w/default.jpg, width: 120, height: 90}, medium: {url: https://i.ytimg.com/vi/e3pUxU_bE6w/mqdefault.jpg, width: 320, height: 180}, high: {url: https://i.ytimg.com/vi/e3pUxU_bE6w/hqdefault.jpg, width: 480, height: 360}}, channelTitle: Mnet K-POP, liveBroadcastContent: none}}, {kind: youtube#searchResult, etag: "VPWTmrH7dFmi4s1RqrK4tLejnRI/1JCCNBPNbFeusCp_9-pl4i8q5OU", id: {kind: youtube#video, videoId: Cc4hO9RLdl4}, snippet: {publishedAt: 2017-09-14T10:37:29.000Z, channelId: UCbD8EppRX3ZwJSou-TVo90A, title: [EXO - Power] KPOP TV Show | M COUNTDOWN 170914 EP.541, description: KPOP Chart Show M COUNTDOWN | EP.541 - EXO - Power ▷Watch more video clips: http://MCOUNTDOWN-KPOP2017 [Kor Ver.] Power Up! '#EXO' 여기 ..., thumbnails: {default: {url: https://i.ytimg.com/vi/Cc4hO9RLdl4/default.jpg, width: 120, height: 90}, medium: {url: https://i.ytimg.com/vi/Cc4hO9RLdl4/mqdefault.jpg, width: 320, height: 180}, high: {url: https://i.ytimg.com/vi/Cc4hO9RLdl4/hqdefault.jpg, width: 480, height: 360}}, channelTitle: Mnet K-POP, liveBroadcastContent: none}}, {kind: youtube#searchResult, etag: "VPWTmrH7dFmi4s1RqrK4tLejnRI/ZnYC4e5evyfldkM67HsDuV8Yh3E", id: {kind: youtube#video, videoId: BBcOM25wrVo}, snippet: {publishedAt: 2017-08-18T15:21:48.000Z, channelId: UCtFtO4By4czgkYGvEXvJu0A, title: Kpop Banned Dance: MV vs LIVE, description: Kpop Banned Dance: MV vs LIVE Koreas biggest broadcasting companies has strict rules and standards on what lyrics and dances moves can be performed., thumbnails: {default: {url: https://i.ytimg.com/vi/BBcOM25wrVo/default.jpg, width: 120, height: 90}, medium: {url: https://i.ytimg.com/vi/BBcOM25wrVo/mqdefault.jpg, width: 320, height: 180}, high: {url: https://i.ytimg.com/vi/BBcOM25wrVo/hqdefault.jpg, width: 480, height: 360}}, channelTitle: Kpop Corn, liveBroadcastContent: none}}]}

*** MISE À JOUR AVEC POUR INSTRUCTION LOOP

Voici le code de mon for loop qui retourne un type 'String' is not a subtype of type 'int' of 'index' erreur...

Map data = JSON.decode(response);
var videos = data['items'];
for (var items in videos['snippet']){
      print(items);
    }

L'exécution d'une boucle à travers items in videos me donne 3 entrées séparées pour les 3 vidéos que je suis à la recherche pour - y compris des extraits. Essayer d'obtenir de la personne des extraits est un échec. Merci de me pointer dans la bonne direction.

  • Je crois que vous êtes de passage à la value de la key "items", qui, dès le coup d'oeil, il est en fait un List pas un Map, votre constructeur doit recevoir un Map mais au lieu de cela vous êtes de passage à un List. Par conséquent, vous obtenez le message d'erreur. Sinon, pouvez-vous me montrer print(data) pour voir comment votre base de données est construite ?
  • Merci pour la leçon ci-dessous. Map = NSDictionary et Liste = NSArray. J'ai remarqué qu'il y a un itar et iter pour itérer sur une Liste.; Je suis en train de lire de la documentation sur ces maintenant. J'ai ajouté print(data) à ma question. S'il vous plaît aider obtenir des Cartes de titres, videoId, des descriptions et "moyen" de vignettes d'url. Je vous remercie.
  • De ce que je vois que vous essayez d'accéder aux valeurs de snippet de items. Donc, vous avez besoin de faire une boucle sur vos données['items'] indice par indice, puis cochez la case lorsque vous atteignez le "talon" de la clé, et de passer cette carte en particulier, à votre constructeur de la classe.
  • En essayant de regarder à travers items pour me rendre à mon snippets jeté l'erreur ci-dessus. Veuillez passer en revue.
InformationsquelleAutor Charles Jr | 2017-09-14
  1. 14

    Il ressemble data['items'] est un List (c'est à dire un Tableau JSON), pas un Map.

    Vous pouvez utiliser compréhension de liste des méthodes pour aider ici:

    final items = (data['items'] as List).map((i) => new CardInfo.fromJson(i));
for (final item in items) {
  print(item.id);
}
    • "les données[des éléments]' est aussi une Liste, ou ce qu'SWIFT pourrait appeler un Dictionnaire. Puis-je utiliser une instruction for pour parcourir 'élément de la même façon?
    • ce n'est pas vrai, un Dictionary n'est pas la même chose qu'un List. Ils sont deux collections différentes. En fait, un Dictionary est en fait un Map. Merci de lire mon commentaire sur la question et d'essayer de vérifier print (data['items']), vous trouverez que votre valeur pour les articles est en fait un List d'un Map, quelque chose de semblable à ce 'items': [{..:..},{..:..}....]
    • Je vais avoir des problèmes avec mon for loop. Veuillez jeter un oeil à mes questions à jour et l'ajouter à votre réponse.
    • Il y a un autre Tableau à l'intérieur de mes articles. 'items': [{'Point':[ ]},{'Point':[ ]}....] Comment dois-je gérer cette situation
    • J'ai utilisé .toList() à la fin pour remplir correctement une liste de widget.
    InformationsquelleAutor matanlurey
  2. 1

    La ligne suivante vous donne la List de items.

    var videos = data['items'];

    et vous obtenez l'erreur à cause de cette ligne

    for(var items in videos['snippet'])

    Dans la ligne précédente, vous pensez que vous êtes une itération sur les données à l'intérieur de snippet, alors qu'en réalité, vous essayez d'effectuer une itération sur l'index extrait de " à l'intérieur de la liste de vidéos, qui n'est pas logique parce que de parcourir toute la liste qui se passe à l'aide des valeurs entières videos[0] , videos [1], videos [2] .. alors que vous êtes de passage à un String 'snippet'

    Vous devez d'abord effectuer une itération sur votre videos liste élément par élément (chaque élément est une Carte). Stocker chaque Map dans une variable. ensuite, vous pouvez accéder aux valeurs de snippet par myMap['snippet']

        Map data = JSON.decode(response);
    var videos = data['items']; //returns a List of Maps
    for (var items in videos){ //iterate over the list
    Map myMap = items; //store each map 
    print(myMap['snippet']);
        }

    Voir si cela résout votre problème.

    • Super! Maintenant, j'ai 3 extraits de qui je suis en supposant que je peux courir cartes similaires et index sur ma Carte de widgets. Je crois que vous avez une semblable question que je peut en tirer.
    • Oui, vous pouvez maintenant passer à l'extrait de votre constructeur de la classe, vous pourriez vouloir stocker leurs données à l'extérieur de la boucle de la première. Content que cela fonctionne pour vous.
    • Je crois que ce ce que vous êtes à la recherche pour
    • J'ai ajouté plus de détails au sujet de pourquoi vous obtenez cette erreur.
    InformationsquelleAutor aziza
  3. 0

    J'aimerais partager cela et certains experts peuvent aussi s'il vous plaît améliorer ce codes, Après beaucoup d'heures de bataille avec elle.

    Modèle De Classe

    class Testimony{
    String fullname;
   String testimony;

   Testimony({this.fullname,
     this.testimony}); 

    factory Testimony.fromJson(Map<String, dynamic> json) => new Testimony(
      fullname: json['fullname'] as String,
       testimony: json['testimony'] as String,  
         );

         }

    LA CLASSE DE L'API

    List<Testimony> ToListandMap (String responseBody) {
 Map data = json.decode(responseBody);
    var videos = data['testimonies']; //returns a List of Maps
  final casting =  videos.cast<Map<String, dynamic>>();
   return casting.map<Testimony>((json) => Testimony.fromJson(json)).toList();
    }

Future<List<Testimony>> fetchTestimonies(http.Client client) async {
       final response = await client.get('https://tryjambcbt.com/api/testimonies');

         return ToList(response.body);
         }

    MainWidget pour l'INTERFACE utilisateur 

    FutureBuilder<List<Testimony>>(
    future: fetchTestimonies(http.Client()),
    builder: (context, snapshot) {
      if (snapshot.hasError) print(snapshot.error);
      return snapshot.hasData
          ? TestimonyList(testimony: snapshot.data)
          : Center(child: CircularProgressIndicator());
    },
  ),

    Widget

    class TestimonyList extends StatelessWidget {
final List<Testimony> testimony;

TestimonyList({Key key, this.testimony}) : super(key: key);

  @override
 Widget build(BuildContext context) {
  return ListView.builder(
    physics: BouncingScrollPhysics(),
    padding: EdgeInsets.only(bottom: 10),
    shrinkWrap: true,
    scrollDirection: Axis.vertical,
    itemCount: testimony.length,
    itemBuilder: (context, index) {
    return Padding(
      padding: EdgeInsets.only(right: 10),
      child: Text(testimony[index].testimony)
       );
      },
    );
   }
  }
    InformationsquelleAutor Harbdollar