Devdit
 

Navigator.push Flutter คือคำสั่งอะไร

859

Navigator.push Flutter คือคำสั่ง หรือ method ที่ใช้สำหรับแสดงอีกหน้าที่ต้องการ บทความนี้สอนใช้คำสั่งดังกล่าวร่วมกับปุ่มแบบ ElevatedButton เมื่อผู้ใช้งานกดปุ่ม จะแสดงหน้าที่ต้องการ สามารถเขียนโปรแกรมได้ดังนี้

 

ตัวอย่าง Navigator.push Flutter คือคำสั่งอะไร

ElevatedButton(
  onPressed: () {
    Navigator.push(context, MaterialPageRoute(builder: (context){
      return const AboutUs();
    }));
  }, 
  child: const Text('ไปที่หน้า about')
)

คำอธิบาย

จากตัวอย่างสร้างปุ่มแบบ ElevatedButton ข้อความบนปุ่มคือ “ไปที่หน้า about” เมื่อผู้ใช้งานกดปุ่มโปรแกรมจะทำงานในคำสั่ง onPressed โดยแสดงหน้า AboutUs ที่หน้าจอ ผ่าน method Navigator.push และ MaterialPageRoute ด้วย Flutter

แก้ไข 2 ปีที่แล้ว
ชอบ
ลิ้งก์
แชร์
Devdit มีช่อง YouTube แล้ว
เราสร้างวิดีโอเกี่ยวกับเทคโนโลยี ทำตามง่ายๆ