Skip to main content

 

Flutter FutureBuilder Widget - API call using FutureBuilder | Flutter Tutorial



Video Tutorial : https://youtu.be/2XCM878cZJc


Source Code:

import 'dart:convert';

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

void main() {
  runApp(const MyApp());
}

class MyApp extends StatefulWidget {
  const MyApp({Key? key}) : super(key: key);

  @override
  State<MyApp> createState() => _MyAppState();
}

class _MyAppState extends State<MyApp> {
  Future<int> getData() async {
    final data = await http.get(Uri.parse(
        "http://www.randomnumberapi.com/api/v1.0/random?min=100&max=1000&count=1"));
    final body = json.decode(data.body);
    int number = (body as List).first;
    return number;
  }

  @override
  Widget build(BuildContext context) {
    return MaterialApp(
      debugShowCheckedModeBanner: false,
      home: Scaffold(
        body: SafeArea(
          child: Center(
            child: FutureBuilder(
                future: getData(),
                builder: ((context, snapshot) {
                  if (snapshot.data == ConnectionState.waiting) {
                    return const CircularProgressIndicator();
                  } else if (snapshot.hasError) {
                    return const Text("Error");
                  } else if (snapshot.hasData) {
                    return Text(
                      "${snapshot.data}",
                      style: const TextStyle(
                          fontSize: 62, fontWeight: FontWeight.bold),
                    );
                  } else {
                    return const CircularProgressIndicator();
                  }
                })),
          ),
        ),
      ),
    );
  }
}

Comments

Post a Comment

Popular posts from this blog

How to Request Location permission in Flutter | Latest Version | Android Location Enable 2022

How to Request Location permission in Flutter | Latest Version | Android Location Enable 2022 Location permission is needed when we want our device to fetch the location of user's device to know the location and perform the required actions or work efficiently. In Flutter we can implement this using Location Permission and asking user to enable the location permission at run time. Flutter Packages required are: 1. Geolocator 2. Geocoding You can find these packages on pub.dev site.  Source code: import 'package:flutter/material.dart'; import 'package:geolocator/geolocator.dart'; import 'package:geocoding/geocoding.dart'; void main() {   runApp(MyApp()); } class MyApp extends StatefulWidget {   @override   _MyAppState createState() => _MyAppState(); } class _MyAppState extends State<MyApp> {   final geolocator =       Geolocator.getCurrentPosition(forceAndroidLocationManager: true);   Position _currentPosition;   String currentAd...
Post a Comment
Read more

Matplotlib Basic Functions

 Learn Some Basic Functions of Matplotlib Importing the packages: import matplotlib.pyplot as plt import numpy as np Plotting the points: x = np. array ([ 20 , 60 ]) y = np. array ([ 30 , 32 ]) print (x) plt. plot (x,y) Scatter Points: #plot 1 x = [ 1 , 2 , 3 , 4 , 5 ] y = [ 2 , 5 , 7 , 8 , 9 ] plt. scatter (x,y) #plot 2 x = [ 1 , 5 , 3 , 8 , 5 ] y = [ 2 , 3 , 7 , 6 , 9 ] plt. scatter (x,y) Bar Function: class1 = [ " a " , " b " , " c " , " d " ] x = [ 3 , 5 , 10 , 8 ] Pie Chart: values = [ 15 , 25 , 30 , 30 ] plt. pie (values)
Post a Comment
Read more

Request Storage Permission in Flutter

 How to Request Storage Permission in Flutter Storage permission is needed when we want the user's device to access the media or files and to perform required actions or work efficiently. In Flutter we can implement this using Storage Permission and asking user to enable the storage permission at run time. Flutter Packages required is: Permission Handler You can find these packages on pub.dev site.  Source Code: import 'package:flutter/cupertino.dart'; import 'package:flutter/material.dart'; import 'package:permission_handler/permission_handler.dart'; void main() => runApp(MyApp()); class MyApp extends StatefulWidget {   @override   _MyAppState createState() => _MyAppState(); } class _MyAppState extends State<MyApp> {   Future<int> storagePermissionChecker;   Future<int> checkStoragePermission() async {     final result = await PermissionHandler()         .checkPermissionStatus(PermissionGroup.stora...
Post a Comment
Read more