Print
Details: Category: บทความ Flutter | Published: 03 May 2020 | Hits: 8822

อะไร ? คือ PopUp Menu Button 

Screen Shot 2563 04 23 at 043305

คลิกที่ Text

Screen Shot 2563 04 23 at 043313

แสดง PopUp ที่สามารถเลือกได้

Screen Shot 2563 04 23 at 043323

และสิ่งที่เลือก จะไปปรากฎ ที่ Text ครับ

 Screen Shot 2563 04 23 at 043238

เริ่มจากการสร้าง Array ที่เป็น String แบบนี้

Screen Shot 2563 04 23 at 042824

ประกาศตัวแปร transport สำหรับรับค่าที่จะเลือก และ index สำหรับเลือก

Screen Shot 2563 04 23 at 041015

 สร้าง Widget แบบนี้

Screen Shot 2563 04 23 at 042915

โดย showTransport จะแสดงใน build

Screen Shot 2563 04 23 at 043230

Method selectedTransport จะทำหน้าที่ กำหนดค่าให้กับ transport และ index

Screen Shot 2563 04 23 at 043054

showTitleTransport แสดง ค่าที่เลือก เอามาจาก Array ผ่าน index

Screen Shot 2563 04 23 at 043305

ลองทดสอบ

Screen Shot 2563 04 23 at 043313

Screen Shot 2563 04 23 at 043323

ครับ