Flutter สร้างปุ่มกดด้วย ElevatedButton

Flutter สร้างปุ่มกดด้วย ElevatedButton บทความนี้สอนสร้างปุ่มกด และใช้คำสั่ง onPressed เพื่อเขียนเหตุการณ์เมื่อผู้ใช้งานกดที่ปุ่มดังกล่าว โดยจะพิมพ์ข้อความที่ Debug Console ด้วยคำสั่ง print สามารถเขียนโปรแกรมได้ดังนี้

ตัวอย่าง Flutter สร้างปุ่มกดด้วย ElevatedButton

ElevatedButton(
  onPressed: () {
    print('Hello Devdit');
  }, 
  child: const Text('ปุ่มกด')
)

ผลลัพธ์

I/flutter ( 4238): Hello Devdit

จากตัวอย่างสร้างปุ่มกดด้วย ElevatedButton ของ Flutter จากนั้นกำหนดข้อความบนปุ่มด้วย Widget Text('ปุ่มกด') และใช้คำสั่ง onPressed เพื่อเขียนโปรแกรมเมื่อผู้ใช้งานกดปุ่มโดยแสดงข้อความว่า ‘Hello Devdit’ ที่ Debug Console ผ่านคำสั่ง print