LateInitializationError: Field '_textSeparators@1298091221' has already been initialized.

I tried in many ways but still I could not solve it can you please help me regarding it.

https://github.com/eyoeldefare/textfield_tags/blob/bc1385f06e80e89b1ad67c8de63c606f6f726d0d/lib/src/main.dart#L183

This should be "-1" not "-2"

Merging this PR will close #6 and will add a feature where the user can set an initial list of tags, which might have been added previously.

This is personally tested by me. And apart from implementing this feature, I've also updated the README.md accordingly and have modified the code a little bit (have made the if statements shorter). Also, I didn't notice while committing that Android studio has formatted the code, LMK if you want that like before. LMK, if any further change is required from my end. :slightly_smiling_face:

Issue: I can type words in the input form, yet after pressing space or enter, the words dissapear and no tag is renderd. Also, tags are not showing up at print in console.

Expected:

• tags to show up after space
• onTag to show a print in console when a tags is added

Debug console:

W/IInputConnectionWrapper( 5213): getSelectedText on inactive InputConnection
W/IInputConnectionWrapper( 5213): getTextAfterCursor on inactive InputConnection
W/IInputConnectionWrapper( 5213): beginBatchEdit on inactive InputConnection
W/IInputConnectionWrapper( 5213): endBatchEdit on inactive InputConnection

My code:

class _PostFormState extends State<PostForm> {

  TextEditingController title = TextEditingController();
  List<String> tags;

  final _formKey = GlobalKey<FormState>();

  @override
  Widget build(BuildContext context) {
    return Form(
                key: _formKey,
                child: Column(
                  mainAxisAlignment: MainAxisAlignment.start,
                  children: <Widget>[
                    TextFormField(
                          controller: title,
                          decoration: InputDecoration(hintText: 'Title'),
                          maxLength: 140,
                          validator: (value) {
                            if (value.isEmpty) {
                              return 'Please enter a title';
                            } else {
                              return null;
                            }
                          }),
                    SizedBox(height: 16,),
                    TextFieldTags(
                      onTag: (tag) {
                        tags.add(tag);
                        print(tags);
                      },
                      // onDelete: (tag) {
                      //   tags.remove(tag);
                      // },
                    ),
                    RaisedButton.icon(
                        onPressed: () {
                           // Validate returns true if the form is valid, otherwise false.
                            if (_formKey.currentState.validate()) {
                              // Provide userfeedback while processing
                              Scaffold
                                  .of(context)
                                  .showSnackBar(SnackBar(content: Text('Processing Data')));

                              // Post to firebase
                              Future result = widget.db.post(widget.audio, title, tags);

                                result.then((user) => Navigator.of(context)
                                    .pushReplacementNamed(homeRoute, arguments: 2)).catchError((e) => throw 'error in posting' + e);
                              }
                            },                         
                        label: Text('Post'),
                        icon: Icon(Icons.post_add),
                      ),
                  ],
                ),
              );
  }
}

My environment:

[√] Flutter (Channel beta, 1.22.0-12.1.pre, on Microsoft Windows [Version 10.0.18363.1139])
[√] Android toolchain - develop for Android devices (Android SDK version 30.0.2)
[√] Android Studio (version 4.0)
[√] VS Code (version 1.50.1)
[√] Connected device (1 available)

I ran in an emulator in debug mode

Hi, I can't find a property for max tags. Is there a way to expose a new tags limit? Or a better way to get the Tags List length so we can limit adding extra tags?

need to replace "!" to "?" character, It doesn't work because there is no question mark because there is a definition that can be null.

lib>src>controller.dart line 87 #60 #58

If a Textfield Tag box is in Flutter Web, and is completely filled up with tags, it will not automatically scroll over to add more tags. Instead, it prevents you from typing with no ability to move over. How can this issue be resolved because currently, once it is full, the textfield becomes unusable. Hence, the demonstration in the images on Pub.dev with it sliding over does not occur.

I have this TextFieldTags used inside a form. After the form is submitted, it is supposed to reset or clear the tags after successful submit. I dont see how to achieve this, or is there any way to do this?

Hello, I have reproduced a bug related to #17 which has already been closed!

I'm using the latest version and the codes are below.

Flexible(
  child: TextFieldTags(
    initialTags: this._task.tags, // It happens when I set this option.
    onTag: (String tag) {
      this._tags.add(tag);
    },
    onDelete: (String tag) {
      this._tags.remove(tag);
    },
  ),
),

And these photos are what happened.

This time, I implemented backspace deletion. It's the desired feature that tags gets deleted when you press backspace button. but flutter doesn`t have the function to detect the soft backspace button. So I did the trick like the space add function. Execute when the param value of onChanged function enters once space. Since this part can conflict with the space add-in, the form's starting value is always two spaces. When the TextField focuses, it is always fixed with two spaces to avoid errors in the user's space position via focusNode. The problem here occurs when the user forcibly moves the cursor of the textfield. However, I thought that people would seldom deliberately change the position of the cursor. Below is a demo video.

I'm sorry for my poor English. Please let me know if there is any problem with the code.

/C:/Users/Bala/AppData/Local/Pub/Cache/hosted/pub.dartlang.org/textfield_tags-2.0.0+1/lib/src/controller.dart:86:20: Warning: Operand of null-aware operation '!' has type 'WidgetsBinding' which excludes null.

• 'WidgetsBinding' is from 'package:flutter/src/widgets/binding.dart' ('/C:/Users/Bala/flutter/packages/flutter/lib/src/widgets/binding.dart'). package:flutter/…/widgets/binding.dart:1 WidgetsBinding.instance!.addPostFrameCallback((_) {

after switched to flutter 3.0 and textfield_tags 2.0.0+1 getting this warning.

Getting 'Instance of 'MasterData' when I use AutComplete<MasterData>. see code below

 optionsBuilder: (TextEditingValue textEditingValue) {
                                if (textEditingValue.text == '') {
                                  return const Iterable<MasterData>.empty();
                                }
                                return addNewProjectsProvider.serviceList.where((MasterData option) {
                                  return option.typeName!.contains(textEditingValue.text.toLowerCase());
                                });
                              },

After selecting any item, it shows name properly.

So, is there any way to change 'Instance of 'MasterData' to actual type(MasterData.typeName) ?

You can paste a long text with many free spaces without any problem! and Input doesn't detect any worlds as tags! How to prevent that? Of course, it happens for some texts like this one:

if(resolution.categories!.any((e) => e.toLowerCase() == tag)) {

I want to make the text break and add the tag to a new line instead of adding them to a horizontally scrolling line when the end of the textfield is reached. How can I do that?

Please note that the next release will be v2.0.0 and it will be breaking change. So if you update your package to v2+, it will break your code. The reason i am updating this package is to make it more robust and customizable and also to make it upto date with new features in flutter.

Some of the things that will be implemented are:

1. Custom autocomplete support by user as per issue #46 request
2. Build your own custom widget instead of using our implementation
3. More functionality using custom controller