add input categories

covas_mobile/lib/pages/UpdateEventImage.dart

@@ -3,6 +3,7 @@ import 'package:shared_preferences/shared_preferences.dart';
 import 'package:http/http.dart' as http;
 import 'package:intl/intl.dart';
 import 'package:flutter_dotenv/flutter_dotenv.dart';
+import 'package:textfield_tags/textfield_tags.dart';
 
 import 'dart:convert';
 import 'dart:io';
@@ -56,6 +57,7 @@ class _UpdateeventImageState extends State<UpdateeventImage>
   TextEditingController startTimepicker = TextEditingController();
   TextEditingController endDatepicker = TextEditingController();
   TextEditingController endTimepicker = TextEditingController();
+  final _stringTagController = StringTagController();
 
   onTapFunctionDatePicker(
       {required BuildContext context, required String position}) async {
@@ -392,6 +394,26 @@ class _UpdateeventImageState extends State<UpdateeventImage>
                   onTap: () => onTapFunctionTimePicker(
                       context: context, position: "end")),
             ),
+            Padding(
+                padding: const EdgeInsets.only(
+                    left: 15.0, right: 15.0, top: 15, bottom: 0),
+                //padding: EdgeInsets.symmetric(horizontal: 15),
+                child: TextFieldTags<String>(
+                    textfieldTagsController: _stringTagController,
+                    initialTags: ['python', 'java'],
+                    textSeparators: const [' ', ','],
+                    validator: (String tag) {
+                      if (tag == 'php') {
+                        return 'Php not allowed';
+                      }
+                      return null;
+                    },
+                    inputFieldBuilder: (context, inputFieldValues) {
+                      return TextField(
+                        controller: inputFieldValues.textEditingController,
+                        focusNode: inputFieldValues.focusNode,
+                      );
+                    })),
             Padding(
               padding: const EdgeInsets.only(
                   left: 15.0, right: 15.0, top: 15, bottom: 0),