Changed add link design

2024-02-23 19:48:52 +01:00
parent 371081ab73
commit ca15b8a445
8 changed files with 359 additions and 265 deletions
--- a/lib/widgets/autocomplete_text_field.dart
+++ b/lib/widgets/autocomplete_text_field.dart
@@ -0,0 +1,62 @@
+import 'package:flutter/material.dart';
+
+class AutocompleteTextField extends StatefulWidget {
+  final IconData leadingIcon;
+  final String label;
+
+  const AutocompleteTextField({
+    Key? key,
+    required this.leadingIcon,
+    required this.label,
+  }) : super(key: key);
+
+  @override
+  State<AutocompleteTextField> createState() => _AutocompleteTextFieldState();
+}
+
+class _AutocompleteTextFieldState extends State<AutocompleteTextField> {
+  final _controller = TextEditingController();
+  final _overlayController = OverlayPortalController();
+
+  @override
+  Widget build(BuildContext context) {
+    return Stack(
+      children: [
+        TextFormField(
+          controller: _controller,
+          onChanged: (value) {
+            if (value.isNotEmpty) {
+              _overlayController.show();
+            } else {
+              _overlayController.hide();
+            }
+          },
+          decoration: InputDecoration(
+            prefixIcon: Icon(widget.leadingIcon),
+            border: const OutlineInputBorder(
+              borderRadius: BorderRadius.all(
+                Radius.circular(10),
+              ),
+            ),
+            labelText: widget.label,
+          ),
+        ),
+        OverlayPortal(
+          controller: _overlayController,
+          overlayChildBuilder: (context) => Positioned(
+            top: 0,
+            left: 0,
+            child: Container(
+              width: 100,
+              height: 100,
+              decoration: BoxDecoration(
+                borderRadius: BorderRadius.circular(8),
+                color: Colors.grey,
+              ),
+            ),
+          ),
+        ),
+      ],
+    );
+  }
+}