ทริคPower Apps

Navigate & Back

Navigate และ Back ใช้สลับหน้าจอ ส่งค่าข้ามหน้า และทำปุ่มย้อนกลับให้ถูกหลัก

เริ่มอ่านตรงนี้ก่อน

อธิบายแบบง่าย

Navigate & Back คือเรื่องที่ช่วยให้เราใช้ทำแอปภายในทีมแบบ low-codeได้ถูกทางขึ้น

ระดับ

เหมาะกับคนที่เริ่มลงมือทำแล้ว

ใช้เมื่อไหร่

ผู้ใช้กดดูรายละเอียดของรายการแล้วต้องเปิดหน้าจอใหม่

อ่านแล้วทำอะไรต่อ

กดรายการใน Gallery แล้วไปหน้ารายละเอียดที่กรองตรงรายการนั้น

เห็นภาพ: ทริคนี้เป็นยังไง

1หน้ารายการgallery.Selected
2Navigate(DetailScreen, Cover, {locItem})ส่งรายการที่เลือกไปด้วย
3หน้ารายละเอียดอ่าน locItem
4Back()กลับหน้ารายการเดิม

▶ เล่นอัตโนมัติ · ชี้เมาส์เพื่อหยุด · กดแถบด้านบนเพื่อข้ามขั้น

Navigate เพิ่มหน้า, Back ถอยกลับตามลำดับที่เปิดมา

ใช้ตอนไหน?

ผู้ใช้กดดูรายละเอียดของรายการแล้วต้องเปิดหน้าจอใหม่
ต้องการส่งรายการที่เลือกไปหน้าถัดไปโดยไม่ใช้ global variable
ต้องการปุ่มย้อนกลับที่จำหน้าก่อนหน้าได้เอง

ความหมาย

Navigate คือฟังก์ชันที่พาผู้ใช้ไปยังอีกหน้าจอ พร้อมเลือกเอฟเฟกต์การเปลี่ยนหน้า (transition) และส่งค่า context ไปด้วยได้ ส่วน Back คือการย้อนกลับไปหน้าจอก่อนหน้าตามลำดับที่เคยเปิดมา หมายเหตุ: slug ของหัวข้อนี้ใช้ navigation-topic เพราะ navigation ชนกับสไลด์หมวด component

Navigate และ Back

Navigate รับหน้าจอปลายทาง เอฟเฟกต์ และ context ที่จะส่งไป ส่วน Back ไม่ต้องมีพารามิเตอร์

// ไปหน้ารายละเอียดพร้อมส่งรายการที่เลือก
Navigate(DetailScreen, ScreenTransition.Cover, { locItem: gallery.Selected })

// ปุ่มย้อนกลับ
Back()

ตัวอย่างการใช้

เปิดรายละเอียดจาก Gallery