How do I access the Json data returned from stream builder and turn it into widgets in flutter?

Question

I know this is a basic question but I new to flutter . I have a stream builder which returns me a json which has maps nested in lists. How do I access each of these fields to create widgets to display on screen. please help

this is the code


import 'package:flutter/material.dart';
import 'package:http/http.dart' as http;
import 'dart:convert';


void main() async {
runApp(MaterialApp(home: PeriodicRequester(),));
}



class PeriodicRequester extends StatelessWidget {
Stream<http.Response> getRandomNumberFact() async* {
yield* Stream.periodic(Duration(seconds: 5), (_) {
  return http.get(Uri.parse("https://script.google.com/macros/s/AKfycbwhbpF4ZxuMUcTZZvObAqvE1pAbEfPt7gZHRV1vVp8PuKt39-ouOm-kQJ1U1LtlEwV-/exec"));
}).asyncMap((event) async => await event);
}

@override
Widget build(BuildContext context) {
return StreamBuilder<http.Response>(
  stream: getRandomNumberFact(),
  builder: (context, snapshot) => snapshot.hasData
      ? Center(child: Text(snapshot.data!.body))
      : CircularProgressIndicator(),
);
}
}

Does this answer your question? [How to decode JSON in Flutter?](https://stackoverflow.com/questions/51601519/how-to-decode-json-in-flutter) — user18309290, Jul 24 '22 at 04:26

score 0 · Answer 1 · answered Jul 24 '22 at 05:24

0

You can convert the data tojson and use it like the following

.

return StreamBuilder<http.Response>(
  stream: getRandomNumberFact(),
  builder: (context, snapshot) { 
    
    if(snapshot.hasData)
    { 
       var convertedData = json.decode(snapshot.data);
      return Column( 
         children: List.generate(convertedData.length, (index) => Text(convertedData[index]['id']),
     )
    }
  }
);

answered Jul 24 '22 at 05:24

Kaushik Chandru

15,510
2
12
30

thanks bro, you just saved me..i subscribed to your youtube channel ..thanks for the help @Kaushik Chandru – MOBILES RECOVERY Jul 24 '22 at 06:16
Glad to know that it worked. :) Thanks for the sub too :). Also please accept my answer if it was helpful – Kaushik Chandru Jul 24 '22 at 08:33
sure bro, i need one last help from you. How do I show notification for every new entry I get from Stream builder in flutter? i mean notification or any print statement in terminal @Kaushik Chandru – MOBILES RECOVERY Jul 24 '22 at 09:26
can you add it as a new question please? – Kaushik Chandru Jul 24 '22 at 12:40
here [link](https://stackoverflow.com/q/73096292/19560313) is the question bro...please help bro @Kaushik Chandru – MOBILES RECOVERY Jul 24 '22 at 13:21
Do not create the Stream as the stream: parameter of StreamBuilder. It could get reset for each build() call, which can be up to 60 (or 120) times per second. – Randal Schwartz Jul 25 '22 at 01:17

How do I access the Json data returned from stream builder and turn it into widgets in flutter?

1 Answers1