Eine vorhersagbare Zustandsverwaltungsbibliothek, die bei der Implementierung des BLoC-Entwurfsmusters hilft.
Paket | Pub |
---|---|
bloc | |
bloc_test | |
flutter_bloc | |
angular_bloc |
Unsere Top-Sponsoren sind unten gezeigt! [Ein Sponsor werden]
Try the Flutter Chat Tutorial 💬 |
Das Ziel dieser Bibliothek ist es, eine erleichterte Trennung von Präsentation und Geschäftslogik zu ermöglichen, um die Testbarkeit und Wiederverwendbarkeit zu verbessern.
- Counter - ein Beispiel dafür, wie man einen "CounterBloc" (reiner Dart) erstellt.
- Counter - ein Beispiel, wie man einen
CounterBloc
erstellt, um die klassische Flutter Counter App zu implementieren. - Formular-Validierung - ein Beispiel für die Verwendung der Pakete
bloc
undflutter_bloc
zur Implementierung der Formularvalidierung. - Bloc mit Stream - ein Beispiel dafür, wie man einen
bloc
an einenStream
anschließt und die Benutzeroberfläche als Reaktion auf Daten aus demStream
aktualisiert. - Unbegrenzte Liste - ein Beispiel für die Verwendung der Pakete
bloc
undflutter_bloc
zur Implementierung einer Liste mit unendlichem Bildlauf. - Anmeldevorgang - ein Beispiel für die Verwendung der Pakete
bloc
undflutter_bloc
zur Implementierung eines Anmeldevorgangs. - Firebase-Anmeldung - ein Beispiel für die Verwendung der Pakete
bloc
undflutter_bloc
zur Implementierung der Anmeldung über Firebase. - Github Suche - ein Beispiel für die Erstellung einer Github-Suchanwendung unter Verwendung der Pakete
bloc
undflutter_bloc
. - Wetter - ein Beispiel für die Erstellung einer Wetteranwendung unter Verwendung der Pakete
bloc
undflutter_bloc
. Die Anwendung verwendet einenRefreshIndicator
, um "pull-to-refresh" sowie dynamische Themes - Todos - ein Beispiel für die Erstellung einer Todo-Anwendung unter Verwendung der Pakete
bloc
undflutter_bloc
. - Timer - ein Beispiel für die Erstellung eines Timers unter Verwendung der Pakete
bloc
undflutter_bloc
. - Warenkorb - ein Beispiel für die Erstellung einer Warenkorb-Anwendung unter Verwendung der Pakete
bloc
undflutter_bloc
, basierend auf flutter samples. - Dynamische Formular - ein Beispiel für die Verwendung der Pakete
bloc
undflutter_bloc
zur Implementierung eines dynamischen Formulars, das Daten aus einem Repository abruft.
- Counter - ein Beispiel für die Verwendung eines
CounterBloc
in einer AngularDart-App. - Github Suche - ein Beispiel für die Erstellung einer Github-Suchanwendung unter Verwendung der Pakete
bloc
undangular_bloc
.
- Github Suche - ein Beispiel dafür, wie man eine Github-Suchanwendung erstellt und Code zwischen Flutter und AngularDart austauscht.
- bloc package - Eine Einführung in das bloc-Paket mit der Architektur auf hohem Niveau und Beispielen.
- login tutorial with flutter_bloc - Wie man einen vollständigen Anmeldevorgang mit den Paketen bloc und flutter_bloc erstellt.
- unit testing with bloc - Wie man die im Flutter-Login-Tutorial erstellten Blöcke einzeln testet.
- infinite list tutorial with flutter_bloc - Wie man eine unendliche Liste mit den Paketen bloc und flutter_bloc erstellt.
- code sharing with bloc - Wie man Code zwischen einer mit Flutter geschriebenen mobilen Anwendung und einer mit AngularDart geschriebenen Webanwendung austauscht.
- weather app tutorial with flutter_bloc - Wie man eine Wetter-App erstellt, die dynamische Themes, Pull-to-Refresh und die Interaktion mit einer REST-API unter Verwendung der Pakete bloc und flutter_bloc unterstützt.
- todos app tutorial with flutter_bloc - Wie man eine ToDo-App mit den Paketen bloc und flutter_bloc erstellt.
- firebase login tutorial with flutter_bloc - Wie man mit den Paketen bloc und flutter_bloc mit Firebase Authentication und Google Sign-In einen voll funktionsfähigen Login/Sign Up Flow erstellt.
- flutter timer tutorial with flutter_bloc - Wie man eine Timer-App mit den Paketen bloc und flutter_bloc erstellt.
- firestore todos tutorial with flutter_bloc - Wie man eine ToDo-App mit den Paketen bloc und flutter_bloc erstellt, die mit der Firestore Cloud integriert ist.
- IntelliJ - erweitert IntelliJ/Android Studio um Unterstützung für die Bloc-Bibliothek zu gewährleisten und bietet Werkzeuge zur effektiven Erstellung von Blocs für Flutter- und AngularDart-Apps.
- VSCode - erweitert VSCode um Unterstützung für die Bloc-Bibliothek zu gewährleisten und bietet Werkzeuge zur effektiven Erstellung von Blocs sowohl für Flutter- als auch für AngularDart-Apps.
Weitere Informationen finden Sie unter den folgenden Links, die von der Community zur Verfügung gestellt wurden.
- Hydrated Bloc - Eine Erweiterung der
bloc
-Zustandsverwaltungsbibliothek, die automatischbloc
-Zustände persistiert und wiederherstellt, von Felix Angelov. - Bloc.js - Eine Portierung der Zustandsverwaltungsbibliothek
bloc
von Dart nach JavaScript, von Felix Angelov. - Bloc Code Generator - Ein Codegenerator, der die Arbeit mit bloc erleichtert, von Adson Leal.
- Firebase Auth - Ein Web, Mobile Firebase Auth Plugin, von Rody Davis.
- Form Bloc - Ein einfacher Weg, um Formulare mit BLoC-Muster zu erstellen, ohne eine Menge Boilerplate-Code zu schreiben, von Giancarlo.
- Bloc Library: Basics and Beyond 🚀 - Vortrag bei Flutter Europe über die Grundlagen der Bloc-Bibliothek, von Felix Angelov.
- Flutter Bloc Library Tutorial - Einführung in die Bloc-Bibliothek, von Reso Coder.
- Flutter Youtube Search - Wie man eine Youtube-Such-App erstellt, die mit einer API interagiert, indem man die Pakete bloc und flutter_bloc verwendet, von Reso Coder.
- Flutter Bloc - AUTOMATIC LOOKUP - v0.20 (and Up), Updated Tutorial - Aktualisiertes Tutorial über das Flutter Bloc Paket, von Reso Coder.
- Dynamic Theming with flutter_bloc - Tutorial über die Verwendung des flutter_bloc Pakets zur Implementierung dynamischer Themen, vonReso Coder.
- Persist Bloc State in Flutter - Tutorial über die Verwendung des hydrated_bloc Pakets zur automatischen Aufrechterhaltung des Anwendungsstatus, von Reso Coder.
- State Management Foundation - Einführung in die Zustandsverwaltung mit dem Paket flutter_bloc, von Techie Blossom.
- Flutter Football Player Search - Wie man eine Football-Spieler-Such-App erstellt, die mit einer API interagiert, indem man die Pakete bloc und flutter_bloc verwendet, von Techie Blossom.
- Learning the Flutter Bloc Package - Das flutter_bloc Paket live lernen, durch Robert Brunhage
- Bloc Test Tutorial - Tutorial zum Testen einzelner blocs mit dem bloc_test Paket, von Reso Coder.
- DevonFw Flutter Guide - Ein Leitfaden zur Erstellung strukturierter und skalierbarer Anwendungen mit Flutter und BLoC, von Sebastian Faust
- Verwendung des Flutter-Frameworks von Google für die Entwicklung einer groß angelegten Referenzanwendung - Wissenschaftliche Ausarbeitung, die beschreibt, wie man eine groß angelegte Flutter-Anwendung erstellt mit BLoC, von Sebastian Faust
- Funktionsgerüst für VSCode - Eine VSCode-Erweiterung inspiriert von Reso Coder's saubere Architektur-Tutorials, die dazu beitragen, dass Funktionen schnell zu einem Gerüst werden, von Kiritchouk Clément.