A predictable state management library that helps implement the BLoC design pattern.
Our top sponsors are shown below! [Become a Sponsor]
Overview
The goal of this library is to make it easy to separate presentation from business logic, facilitating testability and reusability.
Documentation
Migration
Examples
Dart
- Counter - an example of how to create a
CounterBloc (pure dart).
Flutter
- Counter - an example of how to create a
CounterBloc to implement the classic Flutter Counter app.
- Form Validation - an example of how to use the
bloc and flutter_bloc packages to implement form validation.
- Bloc with Stream - an example of how to hook up a
bloc to a Stream and update the UI in response to data from the Stream.
- Complex List - an example of how to manage a list of items and asynchronously delete items one at a time using
bloc and flutter_bloc.
- Infinite List - an example of how to use the
bloc and flutter_bloc packages to implement an infinite scrolling list.
- Login Flow - an example of how to use the
bloc and flutter_bloc packages to implement a Login Flow.
- Firebase Login - an example of how to use the
bloc and flutter_bloc packages to implement login via Firebase.
- Github Search - an example of how to create a Github Search Application using the
bloc and flutter_bloc packages.
- Weather - an example of how to create a Weather Application using the
bloc and flutter_bloc packages. The app uses a RefreshIndicator to implement "pull-to-refresh" as well as dynamic theming.
- Todos - an example of how to create a Todos Application using the
bloc and flutter_bloc packages.
- Timer - an example of how to create a Timer using the
bloc and flutter_bloc packages.
- Shopping Cart - an example of how to create a Shopping Cart Application using the
bloc and flutter_bloc packages based on flutter samples.
- Dynamic Form - an example of how to use the
bloc and flutter_bloc packages to implement a dynamic form which pulls data from a repository.
- Wizard - an example of how to build a multi-step wizard using the
bloc and flutter_bloc packages.
- Bloc Concurrency Visualizer - an example of visualizing the various
bloc_concurrency transformers.
- Fluttersaurus - an example of how to use the
bloc and flutter_bloc packages to create a thesaurus app -- made for Bytconf Flutter 2020.
- I/O Photo Booth - an example of how to use the
bloc and flutter_bloc packages to create a virtual photo booth web app -- made for Google I/O 2021.
- I/O Pinball - an example of how to use the
bloc and flutter_bloc packages to create a pinball web app -- made for Google I/O 2022.
- I/O Holobooth - an example of how to use the
bloc and flutter_bloc packages to create a virtual photobooth experience -- made for Flutter Forward.
- I/O Flip - an example of how to use the
bloc, flutter_bloc, and flame_bloc packages to create a card game -- made for Google I/O 2023.
Web
- Counter - an example of how to use a
CounterBloc in an AngularDart app.
- Github Search - an example of how to create a Github Search Application using the
bloc and angular_bloc packages.
Flutter + Web
- Github Search - an example of how to create a Github Search Application and share code between Flutter and AngularDart.
Articles
Books
- Flutter Complete Reference - A book about the Dart programming language (version 2.10, with null safety support) and the Flutter framework (version 1.20). It covers the bloc package (version 6.0.3) in all flavors: bloc, flutter_bloc hydrated_bloc, replay_bloc, bloc_test and cubit.
Extensions
- IntelliJ - extends IntelliJ/Android Studio with support for the Bloc library and provides tools for effectively creating Blocs for both Flutter and AngularDart apps.
- VSCode - extends VSCode with support for the Bloc library and provides tools for effectively creating Blocs for both Flutter and AngularDart apps.
Learn more at the following links, which have been contributed by the community.
Packages
Video Tutorials
- Bloc Library: Basics and Beyond 🚀 - Talk given at Flutter Europe about the basics of the bloc library, by Felix Angelov.
- Flutter Bloc Library Tutorial - Introduction to the Bloc Library, by Reso Coder.
- Flutter Youtube Search - How to build a Youtube Search app which interacts with an API using the bloc and flutter_bloc packages, by Reso Coder.
- Flutter Bloc - AUTOMATIC LOOKUP - v0.20 (and Up), Updated Tutorial - Updated Tutorial on the Flutter Bloc Package, by Reso Coder.
- Dynamic Theming with flutter_bloc - Tutorial on how to use the flutter_bloc package to implement dynamic theming, by Reso Coder.
- Persist Bloc State in Flutter - Tutorial on how to use the hydrated_bloc package to automatically persist app state, by Reso Coder.
- State Management Foundation - Introduction to state management using the flutter_bloc package, by Techie Blossom.
- Flutter Football Player Search - How to build a Football Player Search app which interacts with an API using the bloc and flutter_bloc packages, by Techie Blossom.
- Learning the Flutter Bloc Package - Learning the flutter_bloc package live, by Robert Brunhage
- Bloc Test Tutorial - Tutorial on how to unit test blocs using the bloc_test package, by Reso Coder.
- Bloc - from Zero to Hero - Playlist which includes everything needed to get started with bloc, by Flutterly.
- Bloc (Full Course, 11+ Hours) - Flutter State Management Course - 11+ hour video tutorial on Bloc and Flutter Bloc. In this video you will learn how to create fully fledged production-ready apps with Bloc and Firebase as your backend, by Vandad Nahavandipoor.
Written Resources
一个实现了 BLoC 设计模式的 Dart 状态管理库，行为可预测——它把界面展示和业务逻辑分开，适用于 Flutter 和 AngularDart 应用。