Widget Life Cycle In Flutter

-

 
Widget Life Cycle In Flutter







Flutter has two types of widgets Stateless Widget, and Stateful Widget.

Stateless Widget

  • Stateless Widgets are rendered only once when the widget is loaded. We can't rebuild a Stateless widget based on any user events or changes.

Stateful Widgets
  • Stateful Widgets can be rebuilt and have their own Widget Lifecycle to create, update and destroy the widgets.
  • In Flutter, widgets have several lifecycle methods that the framework calls during different stages of their lifecycle. Here are the most important ones:

  1. createState(): This method is called during the construction stage of a Stateful widget and creates a corresponding state object.
  2. initState(): This method is called during the initialization stage of stateful widget and is used to initialize any resources the widget needs.
  3. didChangeDependencies(): This method is called during the dependecies resolution stage of a widget, and is used to handle any changes to the widget's dependencies.
  4. build(): This method is called during the build stage of a widget and is used to build and render the widget.
  5. setState(): This method is called when the state of a Stateful widget changes, and triggers a rebuild of the widget.
  6. deactivate(): This method is called when a widget is removed from the widget tree and is used to release any resources the widget no longer needs.
  7. dispose(): This method is called when a widget is permanetly removed from the widget tree and is used to release any resources the widget is holding.
  • These methods can be overridden in custom widget classes to provide custom behavior during different stages of the widget lifecycle. 
  • For example, you can use the initState() method to initialize controllers or listeners, the build() method to construct and render the widget's UI, and the setState() method to update the state of a Stateful widget, prompting a rebuild of the widget tree.

Happy Coding!! 🙂

Comments

Post a Comment

Popular posts from this blog

Url Launcher using Flutter

-
Image
  Exploring the URL Launcher Package in Flutter: A Comprehensive Guide Introduction: In the world of Flutter app development, integrating external functionalities like opening URLs, making phone calls, sending emails, and more is essential for creating robust and user-friendly applications. This is where the URL Launcher package comes into play. This package provides a simple and efficient way to interact with external resources and services directly from your Flutter app. What is a URL Launcher? The URL Launcher package is a Flutter plugin that allows developers to launch various types of URLs and perform actions such as opening web pages, making phone calls, sending emails, and launching map applications. It abstracts the platform-specific code required for these tasks, making it easy to incorporate these functionalities into your Flutter apps regardless of the platform (Android or iOS). Installation: To start using the URL Launcher package in your Flutter project, follow these simpl
Read more

If and Else in Flutter

-
Image
 Flutter if & else: 3 ways of implementation if and else statements allow developers to execute different blocks of code based on specific conditions. This can help to create more dynamic and responsive user interfaces by allowing the app to respond differently to different inputs or user interactions.    The Problem: In contrast, Flutter provides an error message when you attempt to use the if-else statement directly within your widget.                  Unfortunately, you can’t write if statement inside your widget as if you were writing in your method or function. But there are a few ways you can write a conditional statement inside your widget. Let’s see them.                A description of how to use an If Else Statement in a Flutter           widget: Using the Ternary Operator Using the Spread Operator Using the Method Ternary Operator          In Flutter, the ternary operator is the same as in other programming languages. It is a shorthand way o
Read more

Flutter Project Migration

-
Image
  Migration to null safety in flutter. Problem Statement:   The newer versions of Flutter supports null safety but the older versions of Flutter does not have this type of support, and to run older applications makes it difficult to build or run the application  in it. To overcome this problem we need to perform a migration of versions. Solution of this problem: Firstly we need to check the version of dart. It should be greater than or equal to 2.12. To check the version of dart use the following command dart --version After that we need to check dependency status, use the following command to perform the dependency status check dart pub outdated --mode=null-safety Here’s an example of the output for a simple package. The green checkmarked version for each package supports null safety: Before migrating the package’s code, update its dependencies to null-safe version: Run dart pub upgrade --null-safety to upgrade to the latest versions supporting null safety.  Note: This command chang
Read more