#Flutter blocs android
#Flutter blocs download

#Flutter blocs download

Then, Open pubspec.yaml file and add below 2 dependencies dependencies:Īfter adding this 2 dependencies now click on pub get text, What this will do is download all the required packages into your flutter project external library. Give a name to your project as “Flutter Bloc Load image Example” or anything as per your choice.

#Flutter blocs android

In my case, I am making use of the android studio as my IDE to develop the Flutter projectĬreate new Project File > New > New Flutter Project Let’s Understand Flutter Bloc with an Application Example Flutter BLoC Pattern Example Flutter BLoC Pattern Tutorial Example Step 1: Create a new Flutter project When an application is built using the Flutter BLoc pattern, whenever any data change is found in the data provider, BLoC (Business Logic Component) applies business logic to the current state & it re-creates the new state to the UI & when UI receive the new state it re-render itself to show the latest version of UI with new data that is been received from the data provider. What is Data Provider in BLoC Pattern?Ī Data Provider can be considered as your back-end i.e your database where all the users data is been stared. What is BLoC Stands For?Ī BLoC stands for Business Logical Component, A Flutter BLoC contents all the Business logic of a Application. The Bloc provider can interact with the data provider for data. Here UI can interact with bloc & bloc can also do the same. Flutter Bloc Patternģ different component of Flutter BLoC Pattern

So now you know basics of these 4 terms, now you can easily understand what is flutter BLoC. Sink: A Sink can e considered as the point where you receive or consume data from a stream.

There comes a point where we consume or receive data that is been flowing through the stream, This is where we can call Sink Easily understanding of Stream can be assumed like a pipeline from where the water is been supplied to other ends, How water travel through pipeline like the same way data is transferred through the stream. Stream: A Stream can be considered as a medium through which data is transferred. As you guys know that Flutter is a reactive framework as data changed, Application UI also gets change.Įvent: An Event is an action that is detected by the application, Typically, it’s a user action like clicking on a button and some action is be performed. State: A State in the flutter app is nothing but the data your application is currently been showing. Flutter Drop Down menu Example - Drop Down In Flutter