Egypt Plate Input
ويدجت جاهزة لإدخال لوحة أرقام عربية للسيارات المصرية، تتكون من ثلاث خانات حروف وخانة واحدة للأرقام، مع دعم للغة العربية والتحكم ا# Egypt Plate Input
ويدجت جاهزة لإدخال لوحة أرقام عربية للسيارات المصرية، تتكون من ثلاث خانات حروف وخانة واحدة للأرقام، مع دعم للغة العربية والتحكم الكامل في الشكل والفاليديشن.
📦 الاستخدام السريع
أضف الباكدج في pubspec.yaml:
dependencies: egypt_plate_input: ^0.0.1
const like = 'sample';
cd example flutter pub get flutter run
📦 الاستخدام
dart class PlateDemoScreen extends StatefulWidget { const PlateDemoScreen({super.key});
@override State
class _PlateDemoScreenState extends State
@override void dispose() { field1Controller.dispose(); field2Controller.dispose(); field3Controller.dispose(); numberController.dispose(); super.dispose(); }
@override Widget build(BuildContext context) { return Scaffold( backgroundColor: Colors.white, appBar: AppBar( backgroundColor: Colors.white, title: const Text('تجربة لوحة عربية'), ), body: Center( child: Padding( padding: const EdgeInsets.all(20), child: Column( crossAxisAlignment: CrossAxisAlignment.center, mainAxisAlignment: MainAxisAlignment.center, children: [ EgyptPlateInput( field1Controller: field1Controller, field2Controller: field2Controller, field3Controller: field3Controller, numberController: numberController, background: Colors.grey, hintStyle: TextStyle( fontSize: 16, color: Colors.black26, fontWeight: FontWeight.bold, ), style: TextStyle( fontSize: 16, color: Colors.white, fontWeight: FontWeight.bold, ), onPlateChanged: (plate) { log("اللوحة الجديدة: $plate"); }, ), const SizedBox(height: 20),
ElevatedButton(
onPressed: () {
final plate =
"${field1Controller.text}${field2Controller.text}${field3Controller.text}-${numberController.text}";
print("رقم اللوحة: $plate");
},
child: const Text("طباعة اللوحة"),
),
],
),
),
),
);
} }
Features
✨ المميزات ديناميكي: ينتقل تلقائيًا للـ TextField التالي بعد إدخال حرف أو رقم
يدعم فقط الحروف العربية في الحقول الأولى
يدعم الرقم من 3 إلى 4 خانات فقط
قابل لتخصيص الألوان، النص، الhint، وفاليديشن داخلي
يوفر onPlateChanged ليعرف المستخدم بتحديث اللّوحة مباشرة