feat: create password page

2025-08-29 16:14:02 +07:00
parent f70b43c6ab
commit 5f0284a9e5
6 changed files with 291 additions and 140 deletions
@@ -4,3 +4,4 @@ import '../../../common/theme/theme.dart';

 part 'text_form_field.dart';
 part 'search_text_form_field.dart';
+part 'password_text_form_page.dart';
@@ -0,0 +1,97 @@
+part of 'field.dart';
+
+class AppPasswordTextFormField extends StatefulWidget {
+  const AppPasswordTextFormField({
+    super.key,
+    this.hintText,
+    required this.title,
+    this.controller,
+    this.focusNode,
+    this.prefixIcon,
+    this.keyboardType,
+    this.onChanged,
+  });
+
+  final String? hintText;
+  final String title;
+  final TextEditingController? controller;
+  final FocusNode? focusNode;
+  final Widget? prefixIcon;
+  final TextInputType? keyboardType;
+  final ValueChanged<String>? onChanged;
+
+  @override
+  State<AppPasswordTextFormField> createState() =>
+      _AppPasswordTextFormFieldState();
+}
+
+class _AppPasswordTextFormFieldState extends State<AppPasswordTextFormField> {
+  bool isPasswordVisible = false;
+  @override
+  Widget build(BuildContext context) {
+    return Column(
+      crossAxisAlignment: CrossAxisAlignment.start,
+      children: [
+        Text(
+          widget.title,
+          style: AppStyle.lg.copyWith(fontWeight: FontWeight.w600),
+        ),
+        const SizedBox(height: 8),
+        TextFormField(
+          controller: widget.controller,
+          focusNode: widget.focusNode,
+          keyboardType: widget.keyboardType,
+          onChanged: widget.onChanged,
+          cursorColor: AppColor.primary,
+          obscureText: isPasswordVisible,
+          style: AppStyle.md.copyWith(
+            color: AppColor.textPrimary,
+            fontWeight: FontWeight.w500,
+          ),
+          decoration: InputDecoration(
+            hintText: widget.hintText,
+            prefixIcon: widget.prefixIcon,
+            suffixIcon: isPasswordVisible
+                ? IconButton(
+                    icon: Icon(
+                      Icons.visibility,
+                      color: AppColor.primary,
+                      size: 20,
+                    ),
+                    constraints: const BoxConstraints(),
+                    padding: const EdgeInsets.all(8),
+                    onPressed: () {
+                      setState(() {
+                        isPasswordVisible = !isPasswordVisible;
+                      });
+                    },
+                  )
+                : IconButton(
+                    icon: Icon(
+                      Icons.visibility_off,
+                      color: AppColor.primary,
+                      size: 20,
+                    ),
+                    constraints: const BoxConstraints(),
+                    padding: const EdgeInsets.all(8),
+                    onPressed: () {
+                      setState(() {
+                        isPasswordVisible = !isPasswordVisible;
+                      });
+                    },
+                  ),
+
+            prefixIconConstraints: const BoxConstraints(
+              minWidth: 0,
+              minHeight: 0,
+            ),
+            suffixIconConstraints: const BoxConstraints(
+              minWidth: 0,
+              minHeight: 0,
+            ),
+          ),
+        ),
+      ],
+    );
+  }
+}