login

lib/presentation/components/field/field.dart

@@ -0,0 +1,7 @@
+import 'package:flutter/material.dart';
+
+import '../../../common/theme/theme.dart';
+import '../spaces/space.dart';
+
+part 'password_text_field.dart';
+part 'text_field.dart';

lib/presentation/components/field/password_text_field.dart

@@ -0,0 +1,100 @@
+part of 'field.dart';
+
+class AppPasswordTextFormField extends StatefulWidget {
+  final TextEditingController? controller;
+  final String label;
+  final Function(String value)? onChanged;
+  final TextInputType? keyboardType;
+  final TextInputAction? textInputAction;
+  final TextCapitalization? textCapitalization;
+  final bool showLabel;
+  final Widget? prefixIcon;
+  final Widget? suffixIcon;
+  final bool readOnly;
+  final int maxLines;
+  final String? Function(String?)? validator;
+
+  const AppPasswordTextFormField({
+    super.key,
+    this.controller,
+    required this.label,
+    this.onChanged,
+    this.keyboardType,
+    this.textInputAction,
+    this.textCapitalization,
+    this.showLabel = true,
+    this.prefixIcon,
+    this.suffixIcon,
+    this.readOnly = false,
+    this.maxLines = 1,
+    this.validator,
+  });
+
+  @override
+  State<AppPasswordTextFormField> createState() =>
+      _AppPasswordTextFormFieldState();
+}
+
+class _AppPasswordTextFormFieldState extends State<AppPasswordTextFormField> {
+  bool isPasswordVisible = true;
+  @override
+  Widget build(BuildContext context) {
+    return Column(
+      crossAxisAlignment: CrossAxisAlignment.start,
+      children: [
+        if (widget.showLabel) ...[
+          Text(
+            widget.label,
+            style: AppStyle.md.copyWith(fontWeight: FontWeight.w700),
+          ),
+          const SpaceHeight(12.0),
+        ],
+        TextFormField(
+          controller: widget.controller,
+          onChanged: widget.onChanged,
+          obscureText: isPasswordVisible,
+          keyboardType: widget.keyboardType,
+          textInputAction: widget.textInputAction,
+          textCapitalization:
+              widget.textCapitalization ?? TextCapitalization.none,
+          readOnly: widget.readOnly,
+          maxLines: widget.maxLines,
+          validator: widget.validator,
+          decoration: InputDecoration(
+            prefixIcon: widget.prefixIcon,
+            suffixIcon: isPasswordVisible
+                ? IconButton(
+                    icon: Icon(
+                      Icons.visibility,
+                      color: AppColor.textSecondary,
+                      size: 20,
+                    ),
+                    constraints: const BoxConstraints(),
+                    padding: const EdgeInsets.all(8),
+                    onPressed: () {
+                      setState(() {
+                        isPasswordVisible = !isPasswordVisible;
+                      });
+                    },
+                  )
+                : IconButton(
+                    icon: Icon(
+                      Icons.visibility_off,
+                      color: AppColor.textSecondary,
+                      size: 20,
+                    ),
+                    constraints: const BoxConstraints(),
+                    padding: const EdgeInsets.all(8),
+                    onPressed: () {
+                      setState(() {
+                        isPasswordVisible = !isPasswordVisible;
+                      });
+                    },
+                  ),
+            hintText: widget.label,
+          ),
+        ),
+      ],
+    );
+  }
+}

lib/presentation/components/field/text_field.dart

@@ -0,0 +1,63 @@
+part of 'field.dart';
+
+class AppTextFormField extends StatelessWidget {
+  final TextEditingController? controller;
+  final String label;
+  final Function(String value)? onChanged;
+  final bool obscureText;
+  final TextInputType? keyboardType;
+  final TextInputAction? textInputAction;
+  final TextCapitalization? textCapitalization;
+  final bool showLabel;
+  final Widget? prefixIcon;
+  final Widget? suffixIcon;
+  final bool readOnly;
+  final int maxLines;
+  final String? Function(String?)? validator;
+
+  const AppTextFormField({
+    super.key,
+    this.controller,
+    required this.label,
+    this.onChanged,
+    this.obscureText = false,
+    this.keyboardType,
+    this.textInputAction,
+    this.textCapitalization,
+    this.showLabel = true,
+    this.prefixIcon,
+    this.suffixIcon,
+    this.readOnly = false,
+    this.maxLines = 1,
+    this.validator,
+  });
+
+  @override
+  Widget build(BuildContext context) {
+    return Column(
+      crossAxisAlignment: CrossAxisAlignment.start,
+      children: [
+        if (showLabel) ...[
+          Text(label, style: AppStyle.md.copyWith(fontWeight: FontWeight.w700)),
+          const SpaceHeight(12.0),
+        ],
+        TextFormField(
+          controller: controller,
+          onChanged: onChanged,
+          obscureText: obscureText,
+          keyboardType: keyboardType,
+          textInputAction: textInputAction,
+          textCapitalization: textCapitalization ?? TextCapitalization.none,
+          readOnly: readOnly,
+          maxLines: maxLines,
+          validator: validator,
+          decoration: InputDecoration(
+            prefixIcon: prefixIcon,
+            suffixIcon: suffixIcon,
+            hintText: label,
+          ),
+        ),
+      ],
+    );
+  }
+}