Print
Details: Category: บทความ Flutter | Published: 06 December 2020 | Hits: 1481

ลองดู รูปนี่ครับ

Screen Shot 2563 07 04 at 054530

สังเกตุ ปุ่ม Sign in with Facebook และ Sign with Google วันนี่มาสเตอร์ จะสอนทำปุ่มแบบนี้ครับ

 Screen Shot 2563 07 04 at 054542

 สิ่งแรกไปโหลด Package Library ที่นี่ครับ https://pub.dev/packages/flutter_signin_button และ ไปที่ที่ 

Screen Shot 2563 07 04 at 054559

pubspace.yaml เพื่อเพิ่ม package

Screen Shot 2563 07 04 at 054702

ก่อนใช้งานให้ import package

Screen Shot 2563 07 04 at 054736

ตัวอย่างการโค้ดปุ่มบน flutter

Screen Shot 2563 07 04 at 055454

  ลอง ทดสอบโค้ดดูครับ

Screen Shot 2563 07 04 at 060905

ลองใช้ shape ครับ

Screen Shot 2563 07 04 at 060908

เจ๋งปะ ลองทำตามดูนะครับ