Member-only story
Flutter: A Hitchhiker Guide to Stateless and Stateful Widgets
Flutter is a mobile App SDK by Google which helps in creating modern mobile apps for iOS and Android using a single(almost) code base. Unlike other frameworks like React Native.
it neither uses JavaScript as a Programming Language nor it needs an interpreter bridge to convert JavaScript code into native code, instead, it compiles directly into arm binaries and runs on the native platform.
What are Widgets in Flutter?
Everything in flutter consist of Widgets including but not limited to, visible Screen(s), text(s), Button(s), Material Design(s), Application Bar(s) as well as invisible Container(s) and Layout(s)
A flutter application is just a combination of widgets
Types of Widget
As you might have guessed based on the topic of this post, each widget in flutter is either a Stateful Widget or a Stateless Widget
Both widgets differ in only one aspect which is the ability to reload the widget at runtime.
This subtle difference plays a huge role in building interactive flutter applications. Let’s see what exactly it means.
Stateless Widgets
We create a Stateless widget by extending our class from StatelessWidget and a bare minimum implementation shall look like
Here MyApp is a StateLessWidget and the each and every widget has to override the function called Widget build(BuildContet context) which returns one or more widgets.
So whenever MyApp is instantiated, it will call the build(...) function and draw the widgets returned by this function.
Stateless Widget are immutable once drawn (i.e build)
The build(...) function of the StateLessWidget is called only ONCE and no amount of changes in any Variable(s), Value(s) or Event(s)…
