ข้อความอยู่ตรงกลางจอ Flutter

ข้อความอยู่ตรงกลางจอ Flutter บทความนี้สอนใช้ Widget Center เพื่อกำหนดให้ Widget Text สำหรับแสดงข้อความ ให้อยู่ตรงกลางของหน้าจอ Application รวมไปถึง Widget อื่นๆ สามารถเขียนโปรแกรมได้ดังนี้

ตัวอย่าง ข้อความอยู่ตรงกลางจอ Flutter

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

  @override
  Widget build(BuildContext context) {
    return Scaffold(
      appBar: AppBar( title: const Text('Page A'), ),
      body: const Center(child: Text('สวัสดี Flutter'))
    );
  }
}

จากตัวอย่างภายใน body ใช้ Widget Center คลุม Widget Text ที่มีข้อความว่า ‘สวัสดี Flutter’ เมื่อรัน Application จะปรากฏข้อความ Text ดังกล่าวอยู่ที่ตรงกลางของหน้าจอ