【 Flutter 】Flutter を 基礎 から 学習 ( アーキテクチャ ) part238 「StreamBuilder」ウィジェットを使ったサンプル

基礎 から 学ぶ Flutter 」という書籍で  学習 したことを ブログでアウトプットしていこうと思います。今回は アーキテクチャ ( part238 )です。

前回

【 Flutter 】Flutter を 基礎 から 学習 ( アーキテクチャ ) part237 「InheritedModel」ウィジェットについて

今回は、「StreamBuilder」ウィジェットを使ったサンプルについて学びます。

「StreamBuilder」ウィジェットを使ったサンプル

StreamBuilderウィジェットはStatefulWidgetウィジェットのサブクラスです。

Streamクラスの変更を感知できる優れもの!
IoTデバイスの可視化とか簡単に実現できるのですかね。

builder関数で変更したいウィジェットを構築するようです。

StreamBuilderではsetState()メソッドを呼び出す必要がないとか嬉しすぎますね。

このサンプルでは、まずは同期のように扱います。

・・・🤔。

まずは通常の同期処理をサンプルで提示する・・ということでしょう?

 

以下のような結果になりました。

最後に

今回のサンプルは「Buisiness Logic of Component(BLoC)パターン」と呼ばれている大事なパターンなんだそうです。

Flutter・AngularDartから出てきたパターンです。

と、本書では記載されていますが「Flutter・AngularDart」とはなんでしょう?

新しい言語?

どの辺がパターンなのか・・・

今日はここまで!