tags work
This commit is contained in:
parent
7e6de0aa38
commit
b1a8b932b9
@ -396,11 +396,11 @@ class _UpdateeventImageState extends State<UpdateeventImage>
|
|||||||
),
|
),
|
||||||
TextFieldTags<String>(
|
TextFieldTags<String>(
|
||||||
textfieldTagsController: _stringTagController,
|
textfieldTagsController: _stringTagController,
|
||||||
initialTags: ['python', 'java'],
|
initialTags: [],
|
||||||
textSeparators: const [' ', ','],
|
textSeparators: const [' ', ','],
|
||||||
validator: (String tag) {
|
validator: (String tag) {
|
||||||
if (tag == 'php') {
|
if (_stringTagController.getTags!.contains(tag)) {
|
||||||
return 'Php not allowed';
|
return 'Tu as deja rentre ce tag';
|
||||||
}
|
}
|
||||||
return null;
|
return null;
|
||||||
},
|
},
|
||||||
@ -410,13 +410,81 @@ class _UpdateeventImageState extends State<UpdateeventImage>
|
|||||||
left: 15.0, right: 15.0, top: 15, bottom: 0),
|
left: 15.0, right: 15.0, top: 15, bottom: 0),
|
||||||
child: TextField(
|
child: TextField(
|
||||||
controller: inputFieldValues.textEditingController,
|
controller: inputFieldValues.textEditingController,
|
||||||
|
focusNode: inputFieldValues.focusNode,
|
||||||
|
onChanged: inputFieldValues.onTagChanged,
|
||||||
|
onSubmitted: inputFieldValues.onTagSubmitted,
|
||||||
decoration: InputDecoration(
|
decoration: InputDecoration(
|
||||||
border: OutlineInputBorder(),
|
border: OutlineInputBorder(),
|
||||||
labelText: 'Tags evenement',
|
labelText: 'Tags evenement',
|
||||||
hintText:
|
hintText: inputFieldValues.tags.isNotEmpty
|
||||||
'Cliquez ici pour ajouter ou supprimer des tags'),
|
? ''
|
||||||
focusNode: inputFieldValues.focusNode,
|
: "Enter tag...",
|
||||||
));
|
errorText: inputFieldValues.error,
|
||||||
|
prefixIcon: inputFieldValues.tags.isNotEmpty
|
||||||
|
? SingleChildScrollView(
|
||||||
|
controller:
|
||||||
|
inputFieldValues.tagScrollController,
|
||||||
|
scrollDirection: Axis.vertical,
|
||||||
|
child: Padding(
|
||||||
|
padding: const EdgeInsets.only(
|
||||||
|
top: 8,
|
||||||
|
bottom: 8,
|
||||||
|
left: 8,
|
||||||
|
),
|
||||||
|
child: Wrap(
|
||||||
|
runSpacing: 4.0,
|
||||||
|
spacing: 4.0,
|
||||||
|
children: inputFieldValues.tags
|
||||||
|
.map((String tag) {
|
||||||
|
return Container(
|
||||||
|
decoration: const BoxDecoration(
|
||||||
|
borderRadius: BorderRadius.all(
|
||||||
|
Radius.circular(20.0),
|
||||||
|
),
|
||||||
|
color: Colors.blue,
|
||||||
|
),
|
||||||
|
margin: const EdgeInsets.symmetric(
|
||||||
|
horizontal: 5.0),
|
||||||
|
padding: const EdgeInsets.symmetric(
|
||||||
|
horizontal: 10.0, vertical: 5.0),
|
||||||
|
child: Row(
|
||||||
|
mainAxisAlignment:
|
||||||
|
MainAxisAlignment.start,
|
||||||
|
mainAxisSize: MainAxisSize.min,
|
||||||
|
children: [
|
||||||
|
InkWell(
|
||||||
|
child: Text(
|
||||||
|
'#$tag',
|
||||||
|
style: const TextStyle(
|
||||||
|
color: Colors.white),
|
||||||
|
),
|
||||||
|
onTap: () {
|
||||||
|
//print("$tag selected");
|
||||||
|
},
|
||||||
|
),
|
||||||
|
const SizedBox(width: 4.0),
|
||||||
|
InkWell(
|
||||||
|
child: const Icon(
|
||||||
|
Icons.cancel,
|
||||||
|
size: 14.0,
|
||||||
|
color: Color.fromARGB(
|
||||||
|
255, 233, 233, 233),
|
||||||
|
),
|
||||||
|
onTap: () {
|
||||||
|
inputFieldValues
|
||||||
|
.onTagRemoved(tag);
|
||||||
|
},
|
||||||
|
)
|
||||||
|
],
|
||||||
|
),
|
||||||
|
);
|
||||||
|
}).toList()),
|
||||||
|
),
|
||||||
|
)
|
||||||
|
: null,
|
||||||
|
),
|
||||||
|
),
|
||||||
|
);
|
||||||
}),
|
}),
|
||||||
Padding(
|
Padding(
|
||||||
padding: const EdgeInsets.only(
|
padding: const EdgeInsets.only(
|
||||||
|
Loading…
x
Reference in New Issue
Block a user