Devdit
 

Flutter พิมพ์ Hello World

0.9K

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'))
    );
  }
}
แก้ไข 2 ปีที่แล้ว
ชอบ
ลิ้งก์
แชร์
Devdit มีช่อง YouTube แล้ว
เราสร้างวิดีโอเกี่ยวกับเทคโนโลยี ทำตามง่ายๆ