In this example I used Flutter Dio package to fetch API data from server with the help of GetX state management.

This example is the 3rd part of GetX tutorial series that contains the following titles:

• Adding Dio package to the app
• Creating a reusable API request class
• Making dart model from json
• Fetching API data
• Changing API json data to dart model list
• Creating a list view
• Working with List view items (Custom component)
• Adding icons buttons (Bonus)

Watch the tutorial video in Youtube: https://youtu.be/kZshnobUQLA

• Flutter GetX Package: https://pub.dev/packages/get
• Flutter Dio Package: https://pub.dev/packages/dio
• API Example: https://jsonplaceholder.typicode.com
• Json to Dart Converter: https://javiercbk.github.io/json_to_dart

Watch previous parts:

1. Flutter GetX - Project Scaffolding: https://youtu.be/TbSSNd2ZevU
2. Flutter GetX - Bottom Navigation Bar: https://youtu.be/G9EnOCpuCrw

Previous parts source codes:

1. Flutter GetX - Project Scaffolding: https://github.com/TeamArtisansDev/flutter-getx-scaffolding-example
2. Flutter GetX - Bottom Navigation Bar: https://github.com/TeamArtisansDev/flutter-getx-bottom-navigation-example

• Clone the repository git clone [email protected]:TeamArtisansDev/flutter-getx-api-dio-example.git
• Navigate to cloned folder cd flutter-getx-api-dio-example
• Get packages using flutter pub get
• Run flutter run

Website: https://teamartisans.com

Facebook: https://facebook.com/TeamArtisans

Twitter: https://twitter.com/TeamArtisans

Instagram: https://instagram.com/TeamArtisans

Medium: https://medium.com/TeamArtisans

Linkedin: https://linkedin.com/company/TeamArtisans

Email: [email protected]