Breaking News: Grepper is joining You.com. Read the official announcement!

fetch data flutter json

Add Answer

Thoughtless Teira answered on July 4, 2021 Popularity 10/10 Helpfulness 5/10

answer fetch data flutter json

related how to fetch data from json file in flutter

related flutter fetch data from api example

fetch data flutter json

Comment

import 'dart:async';
import 'dart:convert';

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

Future<Album> fetchAlbum() async {
  final response = await http
      .get(Uri.parse('https://jsonplaceholder.typicode.com/albums/1'));

  if (response.statusCode == 200) {
    // If the server did return a 200 OK response,
    // then parse the JSON.
    return Album.fromJson(jsonDecode(response.body));
  } else {
    // If the server did not return a 200 OK response,
    // then throw an exception.
    throw Exception('Failed to load album');
  }
}

class Album {
  final int userId;
  final int id;
  final String title;

  const Album({
    required this.userId,
    required this.id,
    required this.title,
  });

  factory Album.fromJson(Map<String, dynamic> json) {
    return Album(
      userId: json['userId'],
      id: json['id'],
      title: json['title'],
    );
  }
}

void main() => runApp(const MyApp());

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

  @override
  _MyAppState createState() => _MyAppState();
}

class _MyAppState extends State<MyApp> {
  late Future<Album> futureAlbum;

  @override
  void initState() {
    super.initState();
    futureAlbum = fetchAlbum();
  }

  @override
  Widget build(BuildContext context) {
    return MaterialApp(
      title: 'Fetch Data Example',
      theme: ThemeData(
        primarySwatch: Colors.blue,
      ),
      home: Scaffold(
        appBar: AppBar(
          title: const Text('Fetch Data Example'),
        ),
        body: Center(
          child: FutureBuilder<Album>(
            future: futureAlbum,
            builder: (context, snapshot) {
              if (snapshot.hasData) {
                return Text(snapshot.data!.title);
              } else if (snapshot.hasError) {
                return Text('${snapshot.error}');
              }

              // By default, show a loading spinner.
              return const CircularProgressIndicator();
            },
          ),
        ),
      ),
    );
  }
}

Popularity 10/10 Helpfulness 5/10 Language javascript

Source: docs.flutter.dev

Tags: fetch flutter javascript json

Link to this answer
Share Copy Link

Contributed on Jun 07 2022

Thoughtless Teira

0 Answers Avg Quality 2/10

Closely Related Answers

how to fetch data from json file in flutter

Comment

import 'dart:convert';

main() {
  String jsonS = """{
    "stream": {
        "tv": [{
            "name": "Tv",
            "description": "Tv",
            "url": "this is the url",
            "image": "imagelink"

        }]
    }
}""";
  var myMap = json.decode(jsonS);
  var myName = myMap['stream']['tv'][0]['name'];
  print('${myName}');
}

Popularity 9/10 Helpfulness 2/10 Language javascript

Source: stackoverflow.com

Tags: fetch fetc

Link to this answer
Share Copy Link

Contributed on Jul 04 2021

Cute Cow

0 Answers Avg Quality 2/10

flutter fetch data from api example

Comment

Future<int> getSettings(int i) async {
    final url = Uri.parse(ApiLinks.settingsUrl + "/settings");

    try {
      http.Response response = await http.get(url,
          headers: {
            'Authorization': ApiLinks.token
          });
      if (response.statusCode == 200) {

        var  res = jsonDecode(response.body);
        //print(" res = "+res.toString());
        print(" res0 = "+res["StatusMessage"][i]["value_setting"].toString());
        return res["StatusMessage"][i]["value_setting"];
      }
      return 0;
    } catch (e) {
      print("Settings Api Get, error occurred " + e.toString());
      return 0;
    }
  }

Popularity 10/10 Helpfulness 2/10 Language whatever

Source: Grepper

Tags: api

Link to this answer
Share Copy Link

Contributed on Nov 13 2022

Mohamed Sami khiari

0 Answers Avg Quality 2/10

fetch data flutter json

Contents

More Related Answers

fetch data flutter json

Closely Related Answers

how to fetch data from json file in flutter

flutter fetch data from api example

Grepper

Documentation

Social

Legal

Contact

Oops, You will need to install Grepper and log-in to perform this action.