panuavakul / material_tag_editor Goto Github PK

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

How to choose the values form list

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?

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

Would be great to expose focusNode
#10 (comment)

Congratulations for the package !
I have a suggestion:
Limit size(lenght) min and max of tags

Can you please upload the latest version where tagBuilder allows type Widget? The version on Pub requires the type Chip.

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?

How to change the color of the chips?

If anyone has any idea please let me know.

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

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.

Hey there, great package; how can I have the chips displayed below the input field?

This will make it more flexible to use

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()

Hi, i need this type of design inside the textfiled. anyone help for this.
thanks.

after go back fro screen and return , the values list still exists