FLUTTER ECOSYSTEM

aleksanderwozniak/deer

BLoCパターンを使用したミニマリストなFlutter ToDoアプリ

シカ のプロジェクト画像
Stars
459
Forks
103
最終プッシュ(UTC)
2020/11/11
プロジェクト状態
公開中
Aleksander Woźniak GitHub avatar
GITHUB User

Aleksander Woźniak ↗

Flutter and Kotlin enthusiast

言語DartKotlinObjective-C

技術トピック

関連パッケージとサンプル

使用している依存関係

依存関係一覧 19 件

アプリカテゴリー

ランキング

元の README

以下は英語原文のスナップショットです。最新版は GitHub をご覧ください。

README を開く / 閉じる

Deer

https://github.com/aleksanderwozniak/deer/blob/master/assets/images/4.0x/deer_logo.png

Minimalist Todo Planner app built around the idea of efficiency and clean aesthetic.

Showcase

https://github.com/aleksanderwozniak/deer/blob/assets/deer.gif https://github.com/aleksanderwozniak/deer/blob/assets/indi_list.png https://github.com/aleksanderwozniak/deer/blob/assets/gold_shp_edt.png https://github.com/aleksanderwozniak/deer/blob/assets/mint_wrk_det.png

Development

Deer uses BLoC (Business Logic Component) pattern to manage app state. If you want to use Streams in your Flutter project, then I think this is the way to go. BLoC plays exceptionally well with Flutter's reactive nature, especially since Flutter has built-in StreamBuilder widget.

Each screen is splitted into 4 files:

  • actions
  • bloc
  • screen (UI itself)
  • state

Instead of calling setState() in screen file, an action is pushed to bloc's input Stream<Action>. Then, bloc resolves that action and updates the output Stream<State>. Every state update is listened to inside screen with StreamBuilder, which updates the UI when needed. This way we achieve clear separation of concerns.

Usually with BLoC, Sink is used for input Stream, and BehaviorSubject for output Stream.

Check those resources for more details on the pattern:

  • https://youtu.be/PLHln7wHgPE
  • https://youtu.be/RS36gBEp8OI
Using built_value
flutter packages pub run build_runner build --delete-conflicting-outputs