Skip to content

Introduction to how the Stateful Widget Lifecycle works in detail and how to react to changes of widgets in Flutter.

Notifications You must be signed in to change notification settings

md-siam/flutter_widget_lifecycle

Repository files navigation

Flutter Widget Lifecycle

Like app lifecycle, widgets in flutter also have lifecycle methods associated with them. In this repo, we will take a look at Widget lifecycle methods in flutter. Everything in Flutter is a widget, so before thinking about Lifecycle, we should think about Widgets in Flutter.
Flutter has majorly two types of widgets:

1. Stateless Widgets
2. Stateful Widgets

Stages Of Widget Lifecycle

Widgets in Flutter have following lifecycle methods associated with them:

  1. createState :
This method is called when we create an Stateful Widget. It is an obligatory strategy.
The createState() returns a case of a State-related with it.
  1. initState :
This method is called when the object is inserted into the widget tree.This will be called
exactly once per State object. Here we can initialize our variables, objects, streams,
AnimationController, and so on.
  1. build :
This method is called every time the widget is rebuilt. This can be after call to initState(),
didChangeDependencies(), didUpdateWidget() or when the state is changed via call to setState.
  1. didChangeDependencies :
This method is called immediately after initState() and when dependency of the State object
changes via InheritedWidget.
  1. didUpdateWidget :
This method is called whenever the widget configuration changes. A typical case is when a parent
passes some variable to the children widget via the constructor.
  1. setState :
The setState() method illuminates the framework that the internal state of this item has changed
in a manner that may affect the UI which makes the structure plan a build for this State of the
object.
  1. deactivate :
This method is called when the object is removed from the tree.
  1. dispose :
This method is called when this object is removed from the tree permanently. Here we should
release any resources retained by this object like stopping animation for instance. One example
when this method is called is while using the pushReplacement() of the Navigator to replace
the current widget with a new one.

Video

For more information regarding the Widget Lifecycle, watch this video from: YouTube

About

Introduction to how the Stateful Widget Lifecycle works in detail and how to react to changes of widgets in Flutter.

Resources

Stars

Watchers

Forks

Releases

No releases published

Packages

No packages published