TextFormField

TextFormField(
  controller: _controller,        // للتحكم بالنص
  focusNode: _focusNode,          // للتحكم بالـ focus
  decoration: InputDecoration(    // للتحكم بالشكل
    labelText: 'الاسم',
    hintText: 'ادخل اسمك الكامل',
    prefixIcon: Icon(Icons.person),
    border: OutlineInputBorder(),
  ),
  keyboardType: TextInputType.text, // نوع الكيبورد
  textInputAction: TextInputAction.next, // زر الإدخال
  obscureText: false,              // إخفاء النص؟ (كلمة مرور مثلاً)
  validator: (value) {             // التحقق من القيمة
    if (value == null || value.isEmpty) {
      return 'هذا الحقل مطلوب';
    }
    return null;
  },
  onSaved: (value) {               // حفظ القيمة بعد التحقق
    name = value!;
  },
  onChanged: (value) => print(value),
)

TextFormField(
  controller: _controller,        // للتحكم بالنص
  focusNode: _focusNode,          // للتحكم بالـ focus
  decoration: InputDecoration(    // للتحكم بالشكل
    labelText: 'الاسم',
    hintText: 'ادخل اسمك الكامل',
    prefixIcon: Icon(Icons.person),
    border: OutlineInputBorder(),
  ),
  keyboardType: TextInputType.text, // نوع الكيبورد
  textInputAction: TextInputAction.next, // زر الإدخال
  obscureText: false,              // إخفاء النص؟ (كلمة مرور مثلاً)
  validator: (value) {             // التحقق من القيمة
    if (value == null || value.isEmpty) {
      return 'هذا الحقل مطلوب';
    }
    return null;
  },
  onSaved: (value) {               // حفظ القيمة بعد التحقق
    name = value!;
  },
  onChanged: (value) => print(value),
)

final _formKey = GlobalKey<FormState>();

Form(
  key: _formKey,
  child: Column(
    children: [
      TextFormField(
        decoration: InputDecoration(
          labelText: 'الاسم الكامل',
          prefixIcon: Icon(Icons.person),
          border: OutlineInputBorder(),
        ),
        validator: (value) {
          if (value == null || value.isEmpty) return 'الاسم مطلوب';
          if (value.length < 3) return 'الاسم قصير جدًا';
          return null;
        },
        onSaved: (value) {
          print('تم حفظ الاسم: $value');
        },
      ),
      SizedBox(height: 16),
      ElevatedButton(
        onPressed: () {
          if (_formKey.currentState!.validate()) {
            _formKey.currentState!.save();
          }
        },
        child: Text('إرسال'),
      ),
    ],
  ),
)

final _formKey = GlobalKey<FormState>();

Form(
  key: _formKey,
  child: Column(
    children: [
      TextFormField(
        decoration: InputDecoration(
          labelText: 'الاسم الكامل',
          prefixIcon: Icon(Icons.person),
          border: OutlineInputBorder(),
        ),
        validator: (value) {
          if (value == null || value.isEmpty) return 'الاسم مطلوب';
          if (value.length < 3) return 'الاسم قصير جدًا';
          return null;
        },
        onSaved: (value) {
          print('تم حفظ الاسم: $value');
        },
      ),
      SizedBox(height: 16),
      ElevatedButton(
        onPressed: () {
          if (_formKey.currentState!.validate()) {
            _formKey.currentState!.save();
          }
        },
        child: Text('إرسال'),
      ),
    ],
  ),
)

class PasswordField extends StatefulWidget {
  @override
  _PasswordFieldState createState() => _PasswordFieldState();
}

class _PasswordFieldState extends State<PasswordField> {
  bool _obscure = true;

  @override
  Widget build(BuildContext context) {
    return TextFormField(
      obscureText: _obscure,
      decoration: InputDecoration(
        labelText: 'كلمة المرور',
        prefixIcon: Icon(Icons.lock),
        suffixIcon: IconButton(
          icon: Icon(_obscure ? Icons.visibility : Icons.visibility_off),
          onPressed: () => setState(() => _obscure = !_obscure),
        ),
        border: OutlineInputBorder(),
      ),
      validator: (value) {
        if (value == null || value.isEmpty) return 'كلمة المرور مطلوبة';
        if (value.length < 6) return 'كلمة المرور قصيرة جدًا';
        return null;
      },
    );
  }
}

class PasswordField extends StatefulWidget {
  @override
  _PasswordFieldState createState() => _PasswordFieldState();
}

class _PasswordFieldState extends State<PasswordField> {
  bool _obscure = true;

  @override
  Widget build(BuildContext context) {
    return TextFormField(
      obscureText: _obscure,
      decoration: InputDecoration(
        labelText: 'كلمة المرور',
        prefixIcon: Icon(Icons.lock),
        suffixIcon: IconButton(
          icon: Icon(_obscure ? Icons.visibility : Icons.visibility_off),
          onPressed: () => setState(() => _obscure = !_obscure),
        ),
        border: OutlineInputBorder(),
      ),
      validator: (value) {
        if (value == null || value.isEmpty) return 'كلمة المرور مطلوبة';
        if (value.length < 6) return 'كلمة المرور قصيرة جدًا';
        return null;
      },
    );
  }
}

TextFormField(
  keyboardType: TextInputType.phone,
  inputFormatters: [
    FilteringTextInputFormatter.digitsOnly,
    LengthLimitingTextInputFormatter(10),
  ],
  decoration: InputDecoration(
    labelText: 'رقم الهاتف',
    prefixIcon: Icon(Icons.phone),
    border: OutlineInputBorder(),
  ),
  validator: (value) {
    if (value == null || value.isEmpty) return 'الرقم مطلوب';
    if (value.length < 10) return 'الرقم غير مكتمل';
    return null;
  },
)

TextFormField(
  keyboardType: TextInputType.phone,
  inputFormatters: [
    FilteringTextInputFormatter.digitsOnly,
    LengthLimitingTextInputFormatter(10),
  ],
  decoration: InputDecoration(
    labelText: 'رقم الهاتف',
    prefixIcon: Icon(Icons.phone),
    border: OutlineInputBorder(),
  ),
  validator: (value) {
    if (value == null || value.isEmpty) return 'الرقم مطلوب';
    if (value.length < 10) return 'الرقم غير مكتمل';
    return null;
  },
)