เจาะลึกการแทนที่ระบบแจ้งเตือนด้วย Promise ในแอป Munchable

การพัฒนาแอปพลิเคชันมักต้องเผชิญกับความท้าทายในการจัดการส่วนติดต่อผู้ใช้งาน โดยเฉพาะระบบกล่องข้อความแจ้งเตือน (Dialog) ที่ต้องทำงานได้อย่างแม่นยำในทุกสถานการณ์ บทความนี้บอกเล่าเรื่องราวเกี่ยวกับการปรับปรุงระบบแจ้งเตือนในแอปพลิเคชัน Munchable ซึ่งเข้ามาแทนที่วิธีการแบบเดิมด้วยระบบ Promise เพื่อให้มั่นใจว่าทุกการออกจากหน้าจอจะมีคำตอบกลับมาอย่างแน่นอน

ในส่วนแรก นักพัฒนาได้เปลี่ยนมาใช้ API แบบ awaitable แทนที่ Alert.alert แบบดั้งเดิม ส่งผลให้สัญญาการทำงานของสโตร์ไม่ใช่แค่การสั่งแสดงหน้าต่างอีกต่อไป แต่เป็นการจำกัดให้แสดงผลทีละหนึ่ง Dialog และทุกคำขอจะต้องได้รับการจัดการจนเสร็จสิ้นอย่างแม่นยำพอดี

ภาพประกอบจากคลังภาพสต็อก ไม่ใช่ภาพจากเหตุการณ์จริง

อย่างไรก็ตาม ความซับซ้อนที่แท้จริงเกิดขึ้นในส่วนที่สองซึ่งเกี่ยวข้องกับระบบปฏิบัติการ iOS โดยเฉพาะ เนื่องจากคอมโพเนนต์ <Modal> ใน React Native จะทำการพรีเซนต์จากวิวคอนโทรลเลอร์ที่ใกล้ที่สุด เมื่อหน้าจอหลักอย่าง capture, menu และ paywall เปิดใช้งานอยู่แล้ว วิวคอนโทรลเลอร์รากจึงมีการพรีเซนต์งานอื่นค้างไว้ หากโฮสต์ของ Dialog ถูกติดตั้งไว้แค่ที่รากของแอป ระบบจะพยายามสั่งพรีเซนต์ซ้ำเป็นครั้งที่สอง ซึ่ง UIKit จะปฏิเสธทันส่งผลให้ปุ่มบนหน้าจอผลลัพธ์ไม่ทำงานตามที่คาดไว้