Stateless vs Stateful

စိတ်လျှော့ပါ။ ဒီခန်းကို စာအုပ်လိုမဟုတ်ဘဲ စကားပြောသလိုပဲ၊ နားလည်လွယ်အောင် ရှင်းပါမယ်။

Flutter widget တွေကို အလွယ်ပြောရရင် မပြောင်းတဲ့ widget နဲ့ ပြောင်းနိုင်တဲ့ widget ဆိုပြီးခွဲနိုင်ပါတယ်။ StatelessWidget က data/state မပြောင်းတဲ့ UI အတွက်သုံးပြီး StatefulWidget က user action, timer, API data စတဲ့အရာတွေကြောင့် UI ပြောင်းရတဲ့အခါသုံးပါတယ်။

dart

class GreetingText extends StatelessWidget {
  const GreetingText({super.key});

  @override
  Widget build(BuildContext context) {
    return const Text('မင်္ဂလာပါ Flutter');
  }
}

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

  @override
  State<TapCounter> createState() => _TapCounterState();
}

class _TapCounterState extends State<TapCounter> {
  int taps = 0;

  @override
  Widget build(BuildContext context) {
    return ElevatedButton(
      onPressed: () {
        setState(() {
          taps++;
        });
      },
      child: Text('Tapped $taps times'),
    );
  }
}

You should see

GreetingText ကမပြောင်းတဲ့စာသားပြပြီး TapCounter button ကိုနှိပ်တိုင်း count တိုးသွားပါမယ်။

နောက်တစ်ဆင့်

Basic Widgets lesson မှာ အသုံးများတဲ့ UI widget တွေကို လက်တွေ့ကြည့်ပါ။