Flutter: Sign in button มี package ให้ใช้ได้ด้วย

Login button in Medium.com page

เวลาที่ต้อง login เข้ามาใน medium จะคุ้นเคยกับ signin button แบบนี้ เผอิญไปเจอ package ตัวนึงมาที่สามารถสร้าง button ให้ได้เลย ลองเทสกันดูคับ

1. Install package

flutter_signin_button: ^1.1.0

2. ลองใช้งานดูเลยคับ จะพบว่าค่อนข้างง่ายในการสร้างปุ่มขึ้นมา และมี buttons ที่เตรียมไว้ให้มากมายแล้วดังนี้

Buttons ที่ package ได้เตรียมไว้ให้

SignInButton(
  Buttons.Google,
  onPressed: () => print('---Google---'),
  shape: RoundedRectangleBorder(
    borderRadius: BorderRadius.circular(20)),
)

จะพบว่าเขียนแค่นี้ก็ได้ปุ่มตามที่เราต้องการแล้ว

ทดสอบสร้างหลายๆปุ่มแบบหน้า Sign in ของ medium (signin_button_by_lib.dart)

3. จะพบว่าจริงๆแล้ว ก็ยังมี bugs ที่ icons ยังโชว์ไม่ถูกต้อง สุดท้ายถ้าจะให้ชัวร์ ก้อไปใช้ class SignInButtonBuilder() จะดีกว่าแต่ต้องกำหนดเองให้ครบถ้วน ซึ่งจากการประเมินแล้ว สร้าง class ของ button ขึ้นมาใช้เองใน project น่าจะดีกว่าและตรงตามความต้องการมากกว่า 55

สรุป:

ทำเองดีกว่า เพราะเหมือนยังมี bugs และเมื่อต้องแก้ไข ใช้เวลาพอๆกับทำเอง เพราะทำไม่ยาก ใช้แค่ไม่กี่ widgets ประกอบกันสร้างเป็น class แต่ถ้าต้องการความเร็วและไม่ต้องอิง reference มาก ก็ใช้งานได้ปกติคับ

References:
https://pub.dev/packages/flutter_signin_button/versions/1.1.0