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

how to display data from the api in flutter

Add Answer

Inquisitive Iguana answered on April 9, 2020 Popularity 9/10 Helpfulness 1/10

answer how to display data from the api in flutter

related Flutter not getting all data from api

how to display data from the api in flutter

Comment

post

display flutter data

Popularity 9/10 Helpfulness 1/10 Language whatever

Source: Grepper

Tags: api display flutter whatever

Link to this answer
Share Copy Link

Contributed on Jan 19 2023

Inquisitive Iguana

0 Answers Avg Quality 2/10

Closely Related Answers

Flutter not getting all data from api

Comment

     import 'dart:async';
import 'dart:convert';
import 'package:flutter/material.dart';
import 'package:clickmeetplay/iam/user/postbean.dart';
import 'package:http/http.dart' as http;

class PostHome extends StatelessWidget {
  @override
  Widget build(BuildContext context) {
    return MaterialApp(home: Scaffold(body: PostScreen(),),);
  }
}

class PostScreen extends StatefulWidget {
  @override
  _PostScreenState createState() => _PostScreenState();
}

class _PostScreenState extends State<PostScreen> {

  List<Post> _postList =new List<Post>();

  Future<List<Post> > fetchPost() async {
    final response =
    await http.get('http://alkadhum-col.edu.iq/wp-json/wp/v2/posts/');

    if (response.statusCode == 200) {
      // If the call to the server was successful, parse the JSON
      List<dynamic> values=new List<dynamic>();
      values = json.decode(response.body);
      if(values.length>0){
        for(int i=0;i<values.length;i++){
          if(values[i]!=null){
            Map<String,dynamic> map=values[i];
            _postList .add(Post.fromJson(map));
            debugPrint('Id-------${map['id']}');
          }
        }
      }
      return _postList;

    } else {
      // If that call was not successful, throw an error.
      throw Exception('Failed to load post');
    }
  }
  @override
  Widget build(BuildContext context) {
    return Container();
  }

  @override
  void initState() {

    fetchPost();

  }
}

Popularity 10/10 Helpfulness 4/10 Language whatever

Source: stackoverflow.com

Tags: api

Link to this answer
Share Copy Link

Contributed on Apr 09 2020

Gifted Gazelle

0 Answers Avg Quality 2/10

how to display data from the api in flutter

Contents

More Related Answers

how to display data from the api in flutter

Closely Related Answers

Flutter not getting all data from api

Grepper

Documentation

Social

Legal

Contact

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