#Blocs app tutorial install#
In this video, you will learn everything about the bloc pattern in #flutter and by the end of this video, you will become confident enough to start using the #bloc pattern in your own flutter apps.Īndroid: android:usesCleartextTraffic="true" (Add this under application tag)Ġ8:30 - Create the project and install required extensionsĢ3:40 - Add flutter_bloc library in the projectĢ9:05 - Repository, network service and todo modelġ:35:00 - MultiBlocProvider & BlocConsumer Hello there, and welcome to the best and most complete Flutter Bloc Course!Īll animations were done in VideoScribe, you can try it by clicking my affiliate link - ?ġ7:12 Chapter 2.1.1 - Stream ImplementationĢ1:33 Chapter 2.2.1 - Cubit ImplementationĢ4:05 Chapter 2.3.1 - Bloc ImplementationĢ5:15 Chapter 2.4 - F.A.Q & Main Differencesģ6:29 Chapter 3.3.1 - BlocProvider ImplementationĤ5:01 Chapter 3.4.1 - BlocBuilder ImplementationĤ8:56 Chapter 3.5.1 - BlocListener Implementationĥ0:56 Chapter 3.6.1 - BlocConsumer Implementationĥ1:41 Chapter 3.7.1 - Repository Short Exampleĥ2:19 Chapter 3.8 - Multi + Bloc/Listener/Repository + Providerġ:02:23 Chapter 4.1.2 - Business Logic Layerġ:05:03 Chapter 4.1.3 - Presentation Layerġ:06:33 Chapter 4.3 - BLoC Architecture Workflow (Weather App)ġ:12:38 Chapter 5.1 - BLoC Testing Implementationġ:22:33 Chapter 6 - BLoC Access & Routingġ:23:58 Chapter 6.1 - Flutter Navigation Stackġ:25:47 Chapter 6.2.1 - Local Access Implementationġ:30:13 Chapter 6.3.1 - Flutter Routing Optionsġ:31:58 Chapter 6.3.1.1 - Anonymous Routing & Accessġ:30:49 Chapter 6.3.1.1.1 - Anonymous Routing Implementationġ:37:16 Chapter 6.3.1.2 - Named Routing & Accessġ:38:08 Chapter 6.3.1.2.1 - Named Routing Implementationġ:42:47 Chapter 6.3.1.3 - Generated Routing & Accessġ:43:14 Chapter 6.3.1.3.1 - Generated Routing Implementationġ:47:30 Chapter 6.4.1 - Global Access Implementationġ:50:13 Chapter 7 - Bloc-to-Bloc Communicationġ:51:00 Chapter 7.1 - Stream Subscription Methodġ:53:50 Chapter 7.1.1 - Stream Subscription ImplementationĢ:05:35 Chapter 7.2 - BlocListener MethodĢ:07:15 Chapter 7.2.1 - BlocListener ImplementationĢ:10:05 Chapter 8 - BuildContext In-DepthĢ:13:27 Chapter 8.1 - Wrong Assumptions about BuildContextĢ:14:09 Chapter 8.1.1 - First Wrong AssumptionĢ:15:46 Chapter 8.1.2 - Second Wrong AssumptionĢ:16:13 Chapter 8.1.3 - Third Wrong AssumptionĢ:17:29 Chapter 8.2 - Visual representation of our widget treeĢ:22:00 Chapter 8.3 - Simulating the lookup for a specific contextĢ:26:40 Chapter 8.4 - RandomWidget.of(context) translationĢ:27:00 Chapter 8.5 - Global Access Explanation (wrapping MaterialApp)Ģ:28:41 Chapter 8.6 - Understand & Fix BlocProvider.of() errorĢ:36:50 Chapter 9.1.1 - context.watch ImplementationĢ:40:31 Chapter 9.2.2 - lect() ImplementationĢ:44:00 Chapter 9.3.1 - context.read() ImplementationĢ:44:41 Chapter 10 - State not updating issueĢ:46:00 Chapter 10.1 - Comparing 2 objects in DartĢ:49:10 Chapter 10.3 - Creating Settings CubitĢ:51:10 Chapter 10.3.1 - Top mistakes beginner makeĢ:55:00 Chapter 11 - Maintaining State with HydratedBlocĢ:56:00 Chapter 11.1 - Storing States of an appĢ:57:00 Chapter 11.2 - HydratedBloc implementationĢ:58:25 Chapter 11.3 - toJson, fromJson, toMap, fromMapģ:03:25 Chapter 11.4 - Simulating State Maintaining Workflowģ:06:11 Chapter 12 - Debugging blocs/cubits, Naming Conventionsģ:13:20 Chapter 12.3.1 - BlocObserver Implementationģ:18:26 Chapter 12.5 - Naming Conventions IconTheme: IconThemeData(color: ey),īuttonColor: ey, textTheme: ButtonTextTheme.primary)) Ĭreative Commons - Attribution 3.0 Unported - CC BY 3.0 Static final ThemeData darkTheme = ThemeData( Headline4: TextStyle(color: ey)),īuttonColor: Colors.blueAccent, textTheme: ButtonTextTheme.primary)) IconTheme: IconThemeData(color: Colors.blue),īodyText2: TextStyle(color: ey),
IconTheme: IconThemeData(color: Colors.white)),
Static final ThemeData lightTheme = ThemeData(
#Blocs app tutorial how to#
In this video, we have shown how to change flutter app theme using bloc pattern.Īfter watching this video you'll be able to dynamically change flutter app's theme by using bloc.