Print
Details: Category: บทความ Flutter | Published: 27 January 2022 | Hits: 1919

โจทย์เป็นอย่างนี่ เราต้องการทำ ลายเซ็น บนหน้าจอ แบบนี่

Screen Shot 2564 05 03 at 053922

 เอาไว้สำหรับ ให้ rider เซ็น ครับ

 มาเริ่มต้นกัน

Screen Shot 2564 05 03 at 050554

มาสเตอร์ ใช้ package ตัวนี่ครับ https://pub.dev/packages/signature

Screen Shot 2564 05 03 at 050800 

 

ติดตั้ง package ก่อน

Screen Shot 2564 05 03 at 051532 

 

 ให้ override initState , dispose เพือ สร้าง และ หยุด controller ของ SignatureController แบบนี่ครับ

 

Screen Shot 2564 05 03 at 051550

 

 สร้าง Widget ที่แสดงพื้นที่ในการเซ็น และ มีปุ่มสำหรับ check, clear แบบนี้

 

Screen Shot 2564 05 03 at 053124

 

นี่ส่วนของ check

 

Screen Shot 2564 05 03 at 053134

 

ส่วนนี่ clear

 

Screen Shot 2564 05 03 at 053141

 

ที่นี่เราลองทดสอบครับ

 

Screen Shot 2564 05 03 at 053206

ได้แล้วครับ ไม่ยากนะครับ น่าจะได้ แต่ถ้าติดอะไร ? ทักถามมาสเตอร์ ได้เลยครับ