filmov
tv
Flutter Master Class Travel App | Flutter 3.13.0 for Beginners to Advanced | iOS & Android Cubit
Показать описание
From this tutorial we build a flutter cubit / bloc state management app. We will build it step by step. We will also build the ui and do api request. We will cover http get request and load the data using flutter cubit or bloc. We will also see how to use blocprovider and blocbuilder for state update. This covers building the model and API request. (not speed code, not the flutter way).
So this is a travel app. It's also very beginners friendly app.
About my palestinien brother
Part 2
👉📕Learn more about the app here in detail
👈
Download the starter code with the assets
Flutter food delivery app
You may download the complete code here
Patreons can download the complete code here
Get the quick access to the code for the quiz app from Patreon
HydratedCubit for storage
Cubit to Load Json Data
How do you learn BLoC
Buy me a coffee
Task management app
Timestamps
0:00:00 Demo
0:01:20 Explain Carousel Slider
0:08:16 Create list of images for the slider
0:10:15 boxfit for images
0:12:13 Building column for the carousel
0:13:37 Start building reusable widgets app_large_text
0:18:38 Start building reusable widgets for app_text
0:26:00 Start building reusable custom button
0:33:00 Start building the dots for the carousel
0:36:00 Select the dots with the slider
0:38:16 Start explaining the next page
0:43:20 Start building the bottomNavigationBar
0:44:49 Explain BottomNavigationbarItem
0:51:40 Explain indexes for BottomNavigationbar
0:53:11 Style BottomNavigationBar
0:54:40 onTap Event for BottomNavigationbar
1:00:36 Done with bottomNavigationBar
1:05:00 Finish building the icon
1:08:20 Explain Tabbar and Tabbarview
1:09:41 Work on the tabbar
1:11:47 TabBarController with TickerProviderStateMixin
1:14:25 Style Tabbar
1:19:12 Building Custom Indicator for TabBar and Explain Decoration, createBoxPainter and Paint
1:27:00 Explain TabBar Indicator Position
1:30:51 TabBarView building
1:39:20 Building the small images in row
1:47:30 Build the map of images and text
1:51:37 Page architecture stack and positioned widget
1:52:00 Restructure the project folders
1:59:00 Header image for detail page
2:00:00 Building mid section of the detail page
2:05:00 Building the column layout for the detail page
2:12:00 working the star widgets
2:37:00 Change the button color onTap events
2:37:24 Done with the buttons
2:37:34 Build the description section
2:39:30 Start working on the bottom buttons
2:50:00 Start implementing cubit state management
2:50:45 Start explaining cubit
2:54:30 Start building cubit folder, cubit class and state class
3:02:00 Create BlocProvider
3:07:00 Conditional check the states using BlocBuilder
3:09:02 Using the first flutter cubit
3:10:00 Installing http
3:25:00 emit() state for loading and loaded state
3:32:15 Create a state for the loaded data and emit the state
3:52:00 Go back to the previous page
4:02:30 Run the whole app
Find me on twitter @dbestech
So this is a travel app. It's also very beginners friendly app.
About my palestinien brother
Part 2
👉📕Learn more about the app here in detail
👈
Download the starter code with the assets
Flutter food delivery app
You may download the complete code here
Patreons can download the complete code here
Get the quick access to the code for the quiz app from Patreon
HydratedCubit for storage
Cubit to Load Json Data
How do you learn BLoC
Buy me a coffee
Task management app
Timestamps
0:00:00 Demo
0:01:20 Explain Carousel Slider
0:08:16 Create list of images for the slider
0:10:15 boxfit for images
0:12:13 Building column for the carousel
0:13:37 Start building reusable widgets app_large_text
0:18:38 Start building reusable widgets for app_text
0:26:00 Start building reusable custom button
0:33:00 Start building the dots for the carousel
0:36:00 Select the dots with the slider
0:38:16 Start explaining the next page
0:43:20 Start building the bottomNavigationBar
0:44:49 Explain BottomNavigationbarItem
0:51:40 Explain indexes for BottomNavigationbar
0:53:11 Style BottomNavigationBar
0:54:40 onTap Event for BottomNavigationbar
1:00:36 Done with bottomNavigationBar
1:05:00 Finish building the icon
1:08:20 Explain Tabbar and Tabbarview
1:09:41 Work on the tabbar
1:11:47 TabBarController with TickerProviderStateMixin
1:14:25 Style Tabbar
1:19:12 Building Custom Indicator for TabBar and Explain Decoration, createBoxPainter and Paint
1:27:00 Explain TabBar Indicator Position
1:30:51 TabBarView building
1:39:20 Building the small images in row
1:47:30 Build the map of images and text
1:51:37 Page architecture stack and positioned widget
1:52:00 Restructure the project folders
1:59:00 Header image for detail page
2:00:00 Building mid section of the detail page
2:05:00 Building the column layout for the detail page
2:12:00 working the star widgets
2:37:00 Change the button color onTap events
2:37:24 Done with the buttons
2:37:34 Build the description section
2:39:30 Start working on the bottom buttons
2:50:00 Start implementing cubit state management
2:50:45 Start explaining cubit
2:54:30 Start building cubit folder, cubit class and state class
3:02:00 Create BlocProvider
3:07:00 Conditional check the states using BlocBuilder
3:09:02 Using the first flutter cubit
3:10:00 Installing http
3:25:00 emit() state for loading and loaded state
3:32:15 Create a state for the loaded data and emit the state
3:52:00 Go back to the previous page
4:02:30 Run the whole app
Find me on twitter @dbestech
Комментарии