Demonstrates BLoC pattern in Flutter

Overview

bloc_test

A real-world example of using the BLoC pattern in Flutter. This app features a searchable list of users and demonstrates an elegant way to keep the UI in sync with the model.

Gif

Features

The app implements the following features:

  • user list and detail pages
  • user management
    • add single user
    • slide to remove single user with undo
    • favorite / unfavorite button
  • multi-select mode (long-press and icon tap)
    • selection counter
    • favorite multiple users
    • delete multiple users with undo
  • searchbar for filtering users
  • real-time status
    • online status indicator per user
    • user statistics

BLoC

Proper separation of concerns by using the Business Logic Component pattern. Heavily relies on streams to notify the UI of changes in the business layer. No 3rd-party package dependencies, just plain Flutter.

Acknowledgements

Based on the great work of Didier Boelens. If you need a proper introduction into BLoC, please do read his article about Reactive Programming - Streams - BLoC.

You might also like...

News app in Flutter with BLOC pattern

News app in Flutter with BLOC pattern

NewsApp News app in Flutter with BLOC pattern This example uses a CustomScrollView, JSON Rest API, BottonNavigationBar,SliverList, ClipRRect, Card, Pr

Dec 25, 2022

A simple pair game made with Flutter, a custom library, BLoC and tunnel pattern.

A simple pair game made with Flutter, a custom library, BLoC and tunnel pattern.

Pair game A simple pair game created with Flutter. Article on Medium here: https://medium.com/@frmineoapps/a-simple-pair-game-made-with-flutter-a-cust

Jun 28, 2022

Clonning TIX ID with flutter with BLoC Pattern and RxDart

Clonning TIX ID with flutter with BLoC Pattern and RxDart

tix_app Cloning TIX ID in Flutter (Currently design only, next i will grab the movies from IMDB api for free) Feature Movies Movies Detail Ticket List

Aug 23, 2021

A reference app in flutter using the BLoC pattern.

A reference app in flutter using the BLoC pattern.

flutter_dice A sample Flutter app that shows how to manage responsive state using the provider pattern. Concepts Illustrated Provider pattern Using a

Nov 18, 2022

Flutter web example with Firebase Authentication, Firestore Collection, BloC Pattern

flutter_auth_web Flutter Firebase auth. Getting Started This project is a starting point for a Flutter application. A few resources to get you started

Feb 26, 2022

A shopper Flutter app that use BloC pattern and CRUD operations with different ways(memory/sqlite/http)

A shopper Flutter app that use BloC pattern and CRUD operations with different ways(memory/sqlite/http)

The project is maintained by a non-profit organisation, along with an amazing collections of Flutter samples. We're trying to make continuous commits

Nov 10, 2022

Breaking-bad - Used Flutter with BLoC pattern to show some info

Breaking-bad - Used Flutter with BLoC pattern to show some info

📘 Overview Used Flutter with BLoC pattern to show some info. about my favorite

Dec 10, 2022

Small Flutter app / social network / bloc pattern

azapp A new Flutter project. Getting Started This project is a starting point for a Flutter application. A few resources to get you started if this is

Jun 9, 2022
Owner
First Floor Software
First Floor Software
Flutter bloc example - An app for State management using BLoC pattern in Flutter

Flutter BLoC My first app for State management using BLoC pattern in Flutter Col

Harshil Patel 1 Jun 16, 2022
Api Call Check flutter - A new Flutter project that demonstrates api calling and displays them in a scrollable list

api_fetch A new Flutter project that demonstrates api calling and displays them

Babish Shrestha 0 Jan 2, 2022
Pokedex-Flutter - Pokedex demonstrates modern Flutter development with GetX, Hive, Flow, Adaptive/Responsive Design

Pokedex-Flutter Pokedex demonstrates modern Flutter development with GetX, Hive,

Khoujani 3 Aug 17, 2022
The Flutter app demonstrates displaying data in a weekly format.

Flutter weekly chart The Flutter app demonstrates displaying data in a weekly format. I came across this kind of screen in the app that I have been wo

BenBoonya 27 Jan 2, 2023
Project demonstrates building a simple chat application using Flutter framework and Firebase cloud

Flutter Chat on Firebase Project demonstrates building a simple chat application using Flutter framework and Firebase cloud. App does not poll for new

Sukitha Udugamasooriya 8 Feb 2, 2022
This project demonstrates the use of the new, in Flutter 1.20

Know where you drag & drop! This project demonstrates the use of the new, in Flutter 1.20, onAcceptWithDetails callback on DragTarget. It enables you

Daniel Iglesia 18 May 19, 2021
Demonstrates how to use the pdftron flutter plugin

read_pdf_and_edit_with_pdftron_package Demonstrates how to use the pdftron_flutter plugin. Getting Started This project is a starting point for a Flut

Ahmed Abdelkader Khedr 0 Jan 16, 2022
Fwitter is an example application that demonstrates the features and functionality of Fauna.

A full introduction to this project can be found in the docs. This project is an example of how to build a 'real-world' app with highly dynamic data i

Fauna Labs 291 Dec 13, 2022
Demonstrates how to use the awesome_notifications plugin

awesome_notifications_example Demonstrates how to use the awesome_notifications plugin. Getting Started This project is a starting point for a Flutter

null 1 Jun 18, 2022
A starter kit for beginner learns with Bloc pattern, RxDart, sqflite, Fluro and Dio to architect a flutter project. This starter kit build an App Store app as a example

Flutter Starter Kit - App Store Example A starter kit for beginner learns with Bloc pattern, RxDart, sqflite, Fluro and Dio to architect a flutter pro

kw101 678 Jan 8, 2023