• Docs
  • Showcase
  • Community
  • DMCA
Friday, February 26, 2021
Flutter Website
No Result
View All Result
  • Login
  • Register
Flutter Website
  • Home
  • Categories
    • Flutter App
    • Flutter Examples
    • Flutter Github
    • Flutter News
    • Flutter PDF
    • Flutter Tips & Trick
    • Flutter Tutorial
    • Flutter UI
    • Flutter Video
    • Flutter VS
    • Flutter Wiki
    • Flutter With
  • Flutter
    • Flutter for Mobile
    • Flutter for Web
      • Widget Sample
    • Flutter for Desktop
    • Tools
      • Codemagic
      • Flutter Studio
      • Supernova
  • Showcase
  • Community
  • Advertisement
  • Hire Us
No Result
View All Result
Flutter Website
Home Flutter Tutorial Flutter Explained

Network Request – Flutter Explained – Level: Beginner

flutter by flutter
Reading Time: 2min read
388
Network request – flutter explained – level: beginner
361
SHARES
516
VIEWS
Share on FacebookShare on TwitterShare on LinkedinShare to Whatsapp

Today we have a tremendous episode of Flutter Explained. I have the honour to explain to you guys how a future request works. In one of my episodes, I explained the future builder but I left the network request out of scope. Today I will turn this around, we ignore the UI and concentrate only on the Network request.

We will create a Person Model that is our representation of a Person from the API in Dart. The fromJson Constructor will be very handy in that situation to create for us the Person object. After that, we will create a Future request with the HTTP package from pub.dev to get all the information that we want to display.

 ⭐️⭐️ Helpful Ressources ⭐️⭐️
Repository: https://github.com/md-weber/network_request_tutorial
Flutter JSON Serialization: https://flutter.dev/docs/development/data-and-backend/json

⭐️⭐️ Timeline ⭐️⭐️
0:40 – pub.dev access the HTTP package (https://pub.dev/packages/http)
1:30 – random user generator API (https://randomuser.me/)
2:45 – explaining the boilerplate
3:50 – creating of the person model
5:50 – fromJson Constructor
9:20 – get the data/network service
10:55 – Dependency on the HTTP package
11:50 – Import the HTTP package
13:15 – Response object and Future
15:15 – Short Recap
15:50 – JSON and jsonDecode from dart:convert
17:45 – map the JSON to a Person object
18:45 – Complete the network request
22:40 – Challange
23:25 – Outro

⭐️⭐️ Follow me ⭐️⭐️
Twitter – https://twitter.com/max_myracle
Github – https://github.com/md-weber
Hashnode / Blog – https://hashnode.com/@Myracle

⭐️⭐️ Support ⭐️⭐️
If you read this so far, thank you once more. If you like to support me, here are some links that could help me a lot.

Buy me a coffee – You are free to donate me a coffee so I can keep up my work.
https://www.buymeacoffee.com/MyracleDesign

Amazon Affiliate Link – You buy for the same price and I get a small amount of it.
This leads to an amazing Flutter book that I can recommend to every beginner of flutter
https://amzn.to/2uOJXON

For every developer a must-have and better said a must-read is the Clean Code book from Uncle Bob.
https://amzn.to/2u5yXMP

source

Tags: basic network requestFlutterflutter appflutter basicsflutter courseflutter dartflutter developmentflutter explainedflutter for beginnersflutter httpflutter http requestflutter http request jsonflutter jsonflutter listviewflutter networkflutter network imageflutter providerflutter sdkFlutter state managementflutter tutorialflutter tutorialsflutter widgetsgoogle flutterhttp requestlearn Flutternetwork request

Related Posts

Final vs const – programming #shorts
Flutter Explained

Final vs Const – Programming #Shorts

514
Flutter ui tip 3: popup card
Flutter Tutorial

Flutter UI Tip 3: Popup Card

515
[4k] pbo dart 22. Operator overriding
Erico Darmawan

[4K] PBO DART 22. Operator Overriding

515
Built-time vs  run-time #shorts
Flutter Explained

Built-Time vs Run-Time #Shorts

517
Staggered animations made simple – flutter simple animations tutorial
Flutter Tutorial

Staggered Animations Made Simple – Flutter Simple Animations Tutorial

523
#askflutter at flutter engage
Flutter Official

#AskFlutter at Flutter Engage

520
Next Post
Stateless vs stateful widgets – flutter explained – level: beginner

Stateless vs Stateful Widgets - Flutter Explained - Level: Beginner

Snackbar (flutter widget of the week)

SnackBar (Flutter Widget of the Week)

100 subscriber special

100 Subscriber Special

  • Flutter & dart – the complete guide [2020 edition]

    Flutter & Dart – The Complete Guide [2020 Edition]

    2267 shares
    Share 907 Tweet 567
  • The Complete 2020 Flutter Development Bootcamp with Dart

    1989 shares
    Share 796 Tweet 497
  • Flutter & Firebase: Build a Complete App for iOS & Android

    1413 shares
    Share 565 Tweet 353
  • Flutter Bloc & Cubit Tutorial

    1288 shares
    Share 515 Tweet 322
  • 40 Beautiful Flutter UI Themes For Developers

    1067 shares
    Share 427 Tweet 267

Made by Google

Flutter is Google’s portable UI toolkit for building beautiful, natively-compiled applications for mobile, web, and desktop from a single codebase.

Follow us

Recent Post

  • Final vs Const – Programming #Shorts
  • Unsplash iOS app – UI ideas for flutter
  • Flutter UI Tip 3: Popup Card
  • Quill marketing site – UI ideas for flutter
  • [4K] PBO DART 22. Operator Overriding

Popular Post

Study management app

Study Management App – UI ideas for flutter

676
A flutter library for gradually painting svg path objects on canvas

A Flutter library for gradually painting SVG path objects on canvas

577

Review Post

Flutter themeswitcher template in flutter

Flutter ThemeSwitcher Template in Flutter

Congratulations, Nice Work, GLWS $7
Rosen – flutter ecommerce ui

Rosen - Flutter Ecommerce UI

Nice Product I am gonna love it. $18
  • [email protected]
  • Flutter Terms
  • Flutter Packages
  • Dart

Copyright © 2021 Flutter Website - by Flutter Team.

No Result
View All Result
  • Home
  • Categories
    • Flutter App
    • Flutter Examples
    • Flutter Github
    • Flutter News
    • Flutter PDF
    • Flutter Tips & Trick
    • Flutter Tutorial
    • Flutter UI
    • Flutter Video
    • Flutter VS
    • Flutter Wiki
    • Flutter With
  • Flutter
    • Flutter for Mobile
    • Flutter for Web
      • Widget Sample
    • Flutter for Desktop
    • Tools
      • Codemagic
      • Flutter Studio
      • Supernova
  • Showcase
  • Community
  • Advertisement
  • Hire Us
  • Login
  • Sign Up

Copyright © 2021 Flutter Website - by Flutter Team.

Welcome Back!

Sign In with Facebook
Sign In with Google
OR

Login to your account below

Forgotten Password? Sign Up

Create New Account!

Sign Up with Facebook
Sign Up with Google
OR

Fill the forms below to register

All fields are required. Log In

Retrieve your password

Please enter your username or email address to reset your password.

Log In
This website uses cookies. By continuing to use this website you are giving consent to cookies being used. Visit our Privacy and Cookie Policy.
Go to mobile version