Responsive Ad Code Here

Header Ads

flutter http package

 first install package 

 
    http: ^1.2.1


create a new file http.dart

import 'package:flutter/material.dart';
import 'dart:convert'; // convert json to String
import 'package:http/http.dart' as http; // http is use

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

  @override
  State<HttpFlutter> createState() => _HttpFlutterState();
}

class _HttpFlutterState extends State<HttpFlutter> {
  dynamic data; // main data store every thing
  Future getData() async {
    var res =
        await http.get(Uri.parse('https://aponali.github.io/api/allapon.json')); // apiUrl
    setState(() {
      var decode = json.decode(res.body); // decode json
      data = decode;
      // print(data);
    });
  }

  @override
  void initState() {
    super.initState();
    getData(); // it's important other wise it data not show screen
  }

  @override
  Widget build(BuildContext context) {
    return Scaffold(
      body: ListView.builder(
        itemCount: data == null ? 0 : data.length, // length the list and data if null show 0
        itemBuilder: (context, index) {
          return Text(data[index]["allappname"]);
        },
      ),
    );
  }
}