Super Simple Flutter Data Architecture

Опубликовано: 19 Апрель 2023
на канале: Flutter Mapp

16,805

575

At the end of this video, you will be able to create a data architecture with Flutter. The goal of this data architecture is to manage both internal and external data within your Flutter application. Internal data refers to the data saved on your phone, and for this Flutter project, we will utilize SharedPreference to locally store data within our data architecture. As for external data, we will be using an API, although it's important to note that external data could also be stored in a cloud database. Since we are utilizing an API, we will incorporate the Dio package to handle HTTP requests. Once we receive data from either the internal or external database, we will utilize the ValueNotifier to manage the data within our Flutter app and display the results accordingly. This Flutter data architecture provides a simple approach to handle both internal and external data.

VIDEO YOU SHOULD WATCH:
Every Flutter Widget Explained: • All Flutter Widgets Explained: Your E...

LINKS:
Shared preferences: https://pub.dev/packages/shared_prefe...
Dio: https://pub.dev/packages/dio
Our Website: https://fluttermapp.com/

OVERVIEW
0:00 What we will build
2:30 GitHub and Architecture.jpg available in description
3:17 Log your data
4:10 Lets' start from scratch
5:17 Set up the app
6:10 Pubspec.yaml
7:32 Connectivity
10:23 Data Notifier
13:18 Data Model
18:15 Home Page
20:22 Add images
22:18 API - Dio
25:39 Manage data Function
28:40 Utils
35:28 Manage Notifiers
36:55 Is Connected Notifier
43:58 Constants
47:23 UI
57:18 Better comments
1:03:35 Android compileSdkVersion 33
1:05:17 'int' is not a subtype of type 'String'
1:07:42 Future Builder
1:09:32 Init
1:13:04 What is this?
1:13:21 Shared Preferences
1:29:44 Log more data
1:33:28 UI (image)
1:35:00 Testing the Flutter Data architecture
1:37:07 Outro

MISSION
Our mission at Flutter Mapp (Flutter Mobile App) is to help purpose driven Flutter developers go full-time doing what they love and making an impact through coding. We achieve this with useful Flutter tips and straight to the point Flutter videos.

SOCIAL MEDIA:
Instagram : www.instagram.com/fluttermapp
Twitter : twitter.com/FlutterMapp
Website: www.fluttermapp.com
Discord Invite: / discord

CONTACT
For business inquiries email me here: [email protected]
Website: https://fluttermapp.com

#FlutterMapp
#Flutter