panuavakul / material_tag_editor Goto Github PK
View Code? Open in Web Editor NEWA simple tag editor for inputing tags in Flutter.
Home Page: https://pub.dev/packages/material_tag_editor
License: MIT License
A simple tag editor for inputing tags in Flutter.
Home Page: https://pub.dev/packages/material_tag_editor
License: MIT License
Congratulations for the package !
I have a suggestion:
Limit size(lenght) min and max of tags
If anyone has any idea please let me know.
Hey there, great package; how can I have the chips displayed below the input field?
I need to be able to control this variable freely.
For example, when the user enters content, but does not press the space or comma, I can help it complete the filling.
This parameter needs to be exposed.
Would be great to expose focusNode
#10 (comment)
Allow things like
multiline, so '\n'
can be a delimiter
changing the done
to something of our choosing, ie next
enable autofocus
or disable autocorrect
filtering function so we can do things like .trim()
How to choose the values form list
How to change the color of the chips?
Congratulations for the package !
I have a suggestion:
Dontt allow the inclusion of the tag if two spaces are entered in sequence at the beginning of the filling
I need to build a person tag list, where every tag has a person avatar icon (left) and a user name (right).
Every tag must be able to show and hide close button on a boolean state variable. If a user taps on a tag, then close button must appear instead (on the place) of the person avatar. If the user taps again, then close button disappear and on its place again person avatar.
Is it possible to implement such a functionality using material_tag_editor?
I use material_tag_editor with my custom tags.
This is my code:
TagEditor(
length: ....,
controller: ....,
focusNode: _focusNode,
maxLines: 1,
delimiters: [','],
hasAddButton: false,
resetTextOnSubmitted: true,
// This is set to grey just to illustrate the `textStyle` prop
textStyle: const TextStyle(color: Colors.black87),
onSubmitted: (outstandingValue) {
setState(() {
....
});
},
inputDecoration: const InputDecoration(
border: InputBorder.none,
// hintText: 'Hint Text...',
),
onTagChanged: (newValue) {
// setState(() {
//
// });
},
tagBuilder: (context, index) => _Chip(
key: ....,
index: index,
user: ...,
onDeleted: _onChipDelete,
),
// InputFormatters example, this disallow \ and /
inputFormatters: [
FilteringTextInputFormatter.deny(RegExp(r'[/\\]'))
],
),
This is TagEditor
with two tags:
You can see divider that is under TagEditor
. Now we add one more tag:
As you see now we have empty row under tags. Could anyone say how to add new row only when it is needed?
I want to restrict the users to only enter text. Is there a way to restrict it? I am not finding a way to use the input formatters of the TextField
after go back fro screen and return , the values list still exists
Question, why do you define a CustomMultiChildLayout? Is there a technical reason for it?
I was reading through the code and thought it would be implemented with something like a Wrap
but the actual implementation looks a lot more complicated. Do you need a CustomLayout in order to correctly place the TextField beside the tags?
Just curious
This will make it more flexible to use
A declarative, efficient, and flexible JavaScript library for building user interfaces.
๐ Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.
TypeScript is a superset of JavaScript that compiles to clean JavaScript output.
An Open Source Machine Learning Framework for Everyone
The Web framework for perfectionists with deadlines.
A PHP framework for web artisans
Bring data to life with SVG, Canvas and HTML. ๐๐๐
JavaScript (JS) is a lightweight interpreted programming language with first-class functions.
Some thing interesting about web. New door for the world.
A server is a program made to process requests and deliver data to clients.
Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.
Some thing interesting about visualization, use data art
Some thing interesting about game, make everyone happy.
We are working to build community through open source technology. NB: members must have two-factor auth.
Open source projects and samples from Microsoft.
Google โค๏ธ Open Source for everyone.
Alibaba Open Source for everyone
Data-Driven Documents codes.
China tencent open source team.