Numpad Widget in Flutter

แอพส่วนใหญ่จะมีส่วนของการกรอกข้อมูล Pin Code หรือ Password เพื่อใช้ในการยืนยันตัวตน สำหรับบทความนี้จะมาแนะนำการเขียน Numpad widget ใน Flutter

สำหรับ Numpad widget จะรับค่า arguments 2 ค่า คือ

• length : จำนวนของ Pin Code
• onChange : Callback function สำหรับ get ค่า Pin Code

ตัวอย่างโค้ดของ Widget

Numpad Class

การเรียกใช้สามารถเรียกใช้งานง่ายๆ เพียงแค่ import Class และเรียกใช้งาน Class ตามตำแหน่งที่ต้องการ

//import class
import 'package:numpad_widget/widgets/Numpad.dart';

//เรียกใช้งาน
Container(
   child:  Numpad(length: <length>, onChange: <onChange>)
)

Github source code

“Have a Good day and Enjoy Coding”