Thuta Learning
Flutter
IntermediateMobile Developmentbeginner

Lazy Lists, Grids & Slivers

Flutterသင်ခန်းစာ 11

ဒီခန်းပြီးရင် ဘာတတ်သွားမလဲ

  • Lazy Lists, Grids & Slivers ရဲ့ widget, state နဲ့ lifecycle behavior ကိုရှင်းပြနိုင်ရန်
  • Responsive, failure နဲ့ interaction cases စမ်းနိုင်ရန်
  • Accessible, testable, performant Flutter code ရေးနိုင်ရန်

Lazy Lists, Grids & Slivers ကို widget syntax အဖြစ်သာမမြင်ဘဲ constraints, size, position, rebuild scope, semantics နဲ့ platform adaptation contract အဖြစ်နားလည်ပါ။ Widget tree ကိုသေးသေးခွဲပြီး const widgets, lazy builders နဲ့ responsive constraints ကိုဦးစားပေးပါ။

ပိုပြီးနားလည်ထားရမယ့် အချက်

Lazy Lists, Grids & Slivers ကို widget syntax အဖြစ်သာမမြင်ဘဲ constraints, size, position, rebuild scope, semantics နဲ့ platform adaptation contract အဖြစ်နားလည်ပါ။ Widget tree ကိုသေးသေးခွဲပြီး const widgets, lazy builders နဲ့ responsive constraints ကိုဦးစားပေးပါ။

လက်တွေ့မှာ ဘယ်လိုအသုံးချမလဲ

Lazy Lists, Grids & Slivers example ကို small/large screen, text scaling, empty/loading/error, rapid interaction, navigation restore နဲ့ disposal cases ဖြင့် run/test လုပ်ပါ။ flutter analyze, widget tests နဲ့ profile mode ကိုလိုအပ်သလိုသုံးပါ။

ဒီသင်ခန်းစာပြီးရင်

dart
ListView.builder(
  itemCount: 1000,
  itemBuilder: (context, index) => ListTile(
    key: ValueKey(index),
    title: Text('Item ${index + 1}'),
  ),
)
You should see
မြင်ရသော list rows များကိုသာ lazy build လုပ်မည်

ကိုယ်တိုင်စမ်းကြည့်ရန်

Lazy Lists, Grids & Slivers example ကို small/large screen, text scaling, empty/loading/error, rapid interaction, navigation restore နဲ့ disposal cases ဖြင့် run/test လုပ်ပါ။ flutter analyze, widget tests နဲ့ profile mode ကိုလိုအပ်သလိုသုံးပါ။

Lifecycle/Performance သတိပေးချက်

Screen တစ်မျိုးတွင် sample output မှန်ရုံဖြင့် rebuild, overflow, accessibility, async နဲ့ lifecycle paths အားလုံးမှန်ပြီဟုယူဆခြင်း။

Flutter documentationFlutter

ဒီနေရာမှာ လူအများမှားတတ်တယ်

  • Screen တစ်မျိုးတွင် sample output မှန်ရုံဖြင့် rebuild, overflow, accessibility, async နဲ့ lifecycle paths အားလုံးမှန်ပြီဟုယူဆခြင်း။
  • build() ထဲ expensive work လုပ်ခြင်း၊ controller/subscription မပိတ်ခြင်း သို့ setState ကိုကျယ်သော subtree ပေါ်ခေါ်ခြင်း။

လက်တွေ့လေ့ကျင့်ခန်း

Lazy Lists, Grids & Slivers example ကို small/large screen, text scaling, empty/loading/error, rapid interaction, navigation restore နဲ့ disposal cases ဖြင့် run/test လုပ်ပါ။ flutter analyze, widget tests နဲ့ profile mode ကိုလိုအပ်သလိုသုံးပါ။

You'll know it worked when: မြင်ရသော list rows များကိုသာ lazy build လုပ်မည်

Lazy Lists, Grids & Slivers | Thuta Learning