大幅変更＆環境バージョンアップ

lib/widgets/c_password_text_filed.dart

@@ -0,0 +1,54 @@
+import 'package:flutter/material.dart';
+
+class CPasswordTextField extends StatefulWidget {
+  const CPasswordTextField(
+      {super.key, required this.cFocusNode, required this.cController});
+
+  final FocusNode cFocusNode;
+  final TextEditingController cController;
+
+  @override
+  State<CPasswordTextField> createState() => _CPasswordTextFieldState();
+}
+
+class _CPasswordTextFieldState extends State<CPasswordTextField> {
+  var _isVisible = false;
+
+  @override
+  Widget build(BuildContext context) {
+    return TextFormField(
+        controller: widget.cController,
+        textInputAction: TextInputAction.go,
+        obscureText: !_isVisible,
+        validator: (value) {
+          if (value == null || value.isEmpty || value.length < 5) {
+            return "Need a valied password with more than 4 charectors";
+          }
+          return null;
+        },
+        decoration: InputDecoration(
+            //filled: true,
+            //fillColor: Theme.of(context).colorScheme.tertiaryContainer,
+            hintText: "Enter password",
+            labelText: "Password",
+            labelStyle: TextStyle(
+                color: Theme.of(context).colorScheme.primary, fontSize: 16),
+            suffixIcon: IconButton(
+                onPressed: () {
+                  setState(() {
+                    _isVisible = !_isVisible;
+                  });
+                },
+                icon: _isVisible
+                    ? const Icon(Icons.visibility)
+                    : const Icon(Icons.visibility_off)),
+            enabledBorder: OutlineInputBorder(
+                borderRadius: BorderRadius.circular(16),
+                borderSide: BorderSide(
+                    width: 1, color: Theme.of(context).colorScheme.secondary)),
+            focusedBorder: OutlineInputBorder(
+                borderRadius: BorderRadius.circular(16),
+                borderSide: BorderSide(
+                    width: 2, color: Theme.of(context).colorScheme.primary))));
+  }
+}