Stateful Widget in Flutter

Stateful Widget in Flutter

What is Stateful Widgets ?

  • Stateful widgets in Flutter are those that can change their state over time. The changes could be in user interactions or real-time data updates. Stateful widgets include checkboxes, radio buttons, sliders, form inputs, etc.
  • Lifecycle of a Stateful Widget in Flutter :

import 'package:flutter/material.dart';

class HomeContainer extends StatefulWidget {
  const HomeContainer({super.key});

  State<HomeContainer> createState() => _HomeContainerState();

class _HomeContainerState extends State<HomeContainer> {
  Widget build(BuildContext context) {
    return Scaffold(
      appBar: AppBar(),
      body: Container(
        height: 200,
        width: 200,
        margin: const EdgeInsets.all(95),
        // transform: Matrix4.rotationZ(0.0),
        decoration: BoxDecoration(
          borderRadius: BorderRadius.circular(10),
          color: Colors.redAccent,
          // shape:,
          boxShadow: const [
              blurRadius: 8,
              offset: Offset(3, 3),
              spreadRadius: 6,
        child: const Text('data'),