Hello World App

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

Hello World app က Flutter project တစ်ခုရဲ့ အခြေခံ skeleton ကိုမြင်ရတဲ့နေရာပါ။ main(), runApp(), StatelessWidget, build(), MaterialApp, Scaffold, Center, Text — ဒီအပိုင်းတွေကိုနားလည်ရင် Flutter page တစ်ခုရဲ့အရိုးစုကိုဖတ်တတ်လာပါပြီ။

dart

import 'package:flutter/material.dart';

void main() => runApp(const MyApp());

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

  @override
  Widget build(BuildContext context) {
    return const MaterialApp(
      home: Scaffold(
        body: Center(
          child: Text('Hello, World!'),
        ),
      ),
    );
  }
}

You should see

Emulator သို့မဟုတ် browser preview မှာ Hello, World! စာသားကို screen အလယ်မှာမြင်ရပါမယ်။

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

နောက် lesson မှာ Flutter ရဲ့ အသက်ဖြစ်တဲ့ Widget concept ကိုသေချာဖောက်ကြည့်ပါ။

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

build() method ထဲမှာ widget return မပြန်ပေးရင် app render မဖြစ်ပါ။ Dart analyzer က error ပြပါလိမ့်မယ်။