Enable search function on patient manager

2024-04-07 14:12:43 +02:00
parent 0df2161879
commit 9c8406367e
3 changed files with 90 additions and 59 deletions
--- a/Frontend/patient_manager/lib/components/mySearchInput.dart
+++ b/Frontend/patient_manager/lib/components/mySearchInput.dart
@@ -0,0 +1,42 @@
+import 'package:flutter/material.dart';
+
+class MySearchField extends StatelessWidget {
+  final controller;
+  final String hintText;
+  final void Function(String)? onChanged;
+
+  const MySearchField({
+    super.key,
+    required this.controller,
+    required this.hintText,
+    required this.onChanged,
+  });
+
+  @override
+  Widget build(BuildContext context) {
+    return Padding(
+      padding: const EdgeInsets.symmetric(horizontal: 25.0),
+      child: TextField(
+        onChanged: onChanged,
+        controller: controller,
+        obscureText: false,
+        decoration: InputDecoration(
+          fillColor: Colors.white,
+          prefixIcon: const Icon(Icons.search),
+          filled: true,
+          hintText: hintText,
+          hintStyle: TextStyle(color: Colors.blueGrey[400]),
+          enabledBorder: const OutlineInputBorder(
+            borderSide: BorderSide(
+              color: Colors.blueAccent,
+              width: 2.0,
+            ),
+          ),
+          focusedBorder: const OutlineInputBorder(
+            borderSide: BorderSide(color: Colors.blue),
+          ),
+        ),
+      ),
+    );
+  }
+}