setState

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

setState() သည် StatefulWidget ထဲမှာ state ပြောင်းပြီး UI ကိုပြန်ဆောက်ခိုင်းတဲ့ အခြေခံနည်းလမ်းပါ။ Button နှိပ်ပြီး counter တိုးတာ၊ form submit ပြီး message ပေါ်တာ၊ toggle switch ပြောင်းတာတွေမှာ အသုံးများပါတယ်။ Small to medium UI update အတွက် setState() ကလုံလောက်ပါတယ်။

dart

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

  @override
  State<Counter> createState() => _CounterState();
}

class _CounterState extends State<Counter> {
  int counter = 0;

  void incrementCounter() {
    setState(() {
      counter++;
    });
  }

  @override
  Widget build(BuildContext context) {
    return Column(
      mainAxisAlignment: MainAxisAlignment.center,
      children: [
        Text('Count: $counter'),
        ElevatedButton(
          onPressed: incrementCounter,
          child: const Text('+ Add'),
        ),
      ],
    );
  }
}

You should see

Screen ပေါ်မှာ Count: 0 နဲ့ + Add button ပေါ်လာပါမယ်။ Button နှိပ်တိုင်း count တိုးပါမယ်။

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

State update ပြီးရင် screen တစ်ခုကနေတစ်ခုသို့သွားတဲ့ Navigation ကိုဆက်လေ့လာပါ။