Using StreamBuilder to create reactive user interfaces
Streambuilder
is a widget that listens to events emitted by a stream, and whenever an event is emitted, it rebuilds its descendants. Like the FutureBuilder
widget, which we saw in Chapter 7, The Future Is Now: Introduction to Asynchronous Programming, StreamBuilder
makes it extremely easy to build reactive user interfaces that update every time new data is available.
In this recipe, we will update the text on the screen with StreamBuilder
. This is very efficient compared to the update that happens with a setState
method and its build call, as only the widgets contained in StreamBuilder
are actually redrawn.
Getting ready
In order to follow along with this recipe, you will build an app from scratch. Call this new app streambuilder_app
.
How to do it...
For this recipe, we will create a stream and use StreamBuilder
to update the user interface. Perform the following steps:
- In your new app, in the
lib...