ادراج TextInputFormatter في فلاتر

button.ClickToCopyButton { import 'package:flutter/material.dart'; import 'package:flutter/services.dart'; class NumberInputExample extends StatelessWidget { @override Widget build(BuildContext context) { return Scaffold( appBar: AppBar( title: Text('ادخال الأرقام فقط'), ), body: Padding( padding: const EdgeInsets.all(16.0), child: TextField( keyboardType: TextInputType.number, inputFormatters: <TextInputFormatter>[ FilteringTextInputFormatter.digitsOnly, // يسمح بالأرقام فقط ], decoration: InputDecoration( border: OutlineInputBorder(), labelText: 'أدخل الأرقام فقط', ), ), ), ); } } void main() { runApp(MaterialApp( home: NumberInputExample(), )); } } Click to Copy  

TextInputFormatter في Flutter تُستخدم لتقييد أو تنسيق إدخال النص في TextField. يمكن استخدامها لإجبار المستخدم على إدخال نص وفق تنسيق معين أو لتجنب إدخال رموز غير مرغوبة.

مثال على استخدام TextInputFormatter:

لنفرض أنك تريد أن يقوم المستخدم بإدخال أرقام فقط في TextField.

ملاحظات:

في هذا المثال، تم استخدام FilteringTextInputFormatter.digitsOnly للسماح بإدخال الأرقام فقط في الحقل.

يمكن تخصيص TextInputFormatter لاحتياجات مختلفة، مثل السماح بأحرف معينة أو صياغة نص مخصص.

أنواع أخرى من TextInputFormatter:

FilteringTextInputFormatter.allow(RegExp): للسماح فقط بمدخلات متطابقة مع تعبير منتظم.

FilteringTextInputFormatter.deny(RegExp): لمنع مدخلات متطابقة مع تعبير منتظم.

LengthLimitingTextInputFormatter: لتحديد الحد الأقصى لعدد الأحرف المسموح بها.