Flutter พิมพ์ Hello World บทความนี้สอนเขียนโปรแกรมแสดงข้อความ Hello World ที่หน้าจอ ด้วย Widget Text และกำหนดให้ข้อความดังกล่าวอยู่ตรงกลางหน้าจอด้วย Widget Center มีรายละเอียดการเขียนโปรแกรมดังนี้
ตัวอย่าง Flutter พิมพ์ Hello World
1. ใช้คำสั่ง import เพื่อดึงไฟล์ material.dart จาก flutter เพื่อเริ่มต้นเขียนโปรแกรมบน Flutter
import 'package:flutter/material.dart';
2. สร้าง method main เพื่อรัน class MyApp ด้วยคำสั่ง runApp พร้อม Widget MaterialApp
void main() {
runApp(const MaterialApp(
home: MyApp(),
));
}
3. สร้าง class MyApp เป็น StatelessWidget โดยใช้ Widget Scaffold เพื่อสร้าง AppBar และ Widget Center เพื่อจัดตำแหน่งการแสดงผลให้อยู่ตรงกลางหน้าจอ และ WIdget Text เพื่อแสดงข้อความที่ต้องการ
class MyApp extends StatelessWidget {
const MyApp({super.key});
@override
Widget build(BuildContext context) {
return Scaffold(
appBar: AppBar( title: const Text('Page A'), ),
body: const Center(child: Text('Hello World'))
);
}
}