Flutter မှာ widget ဆိုတာ UI ကိုဖော်ပြတဲ့ building block ပါ။ Button တစ်ခု၊ စာသားတစ်ကြောင်း၊ padding တစ်ခု၊ layout တစ်ခု၊ screen တစ်ခုလုံး — အားလုံးက widget တွေပဲဖြစ်ပါတယ်။ Widget ကို object လို့မမြင်ဘဲ screen ပေါ်မှာ ဘာပုံစံပေါ်မလဲဆိုတဲ့ instruction card လို့မြင်ပါ။ Flutter app တစ်ခုကို widget tree အဖြစ်ဖွဲ့စည်းထားပါတယ်။ Parent widget က child widget ကိုကိုင်ထားပြီး child widget က နောက်ထပ် child တွေကိုဆက်ကိုင်နိုင်ပါတယ်။ ဒီ tree ကိုနားလည်ရင် layout, styling, state update တို့ကို ပိုမြန်မြန်နားလည်လာပါမယ်။
dart
Scaffold(
appBar: AppBar(
title: const Text('Widget Tree'),
),
body: const Center(
child: Text('Every UI piece is a widget'),
),
)You should see
App bar ပါတဲ့ screen ပေါ်လာပြီး body အလယ်မှာ Every UI piece is a widget ဆိုတဲ့စာသားပေါ်ပါမယ်။နောက်တစ်ဆင့်
Widget အမျိုးအစားနှစ်ခုဖြစ်တဲ့ StatelessWidget နဲ့ StatefulWidget ကိုဆက်လေ့လာပါ။