TextFormField onChanged is not getting called when no character Flutter

Question

I have 1 functionality of adding TextFormField in Container on Button press upto 4 TextFormField like below image and when there's no text in TextFormField i want to remove that TextFormField so i have put that login in onChange.

When i press the button 1s time and it will add TextFormField and without typing any character if i press delete button from keyboard onChange is not getting called.

Please see this video: https://drive.google.com/file/d/1Yln48d5JHvvYdb4LRDXxmlzPzlC__xYq/view?usp=sharing

Here is my code.

TextFormField(
    controller: bullet2Controller,
    focusNode: focusNode2,
    maxLines: null,
    minLines: 1,
    textCapitalization:TextCapitalization.sentences,
                       cursorColor: Colors.black,
                       showCursor: true,
                       autofocus: true,
                       textAlign: TextAlign.start,
                       inputFormatters: [LengthLimitingTextInputFormatter(140),],
                       onChanged: (value) {
                           setState(() {
                               if (value.isEmpty) {
                                   isBullet2Visible = false;

                                   if (isBullet1Visible) {
                                       focusNode1.requestFocus();
                                   } else if (isBullet3Visible) {
                                       focusNode3.requestFocus();
                                   } else if (isBullet4Visible) {
                                       focusNode4.requestFocus();
                                   } else {
                                       FocusScope.of(context).unfocus();
                                   }

                                   if (_counter > 0) {
                                       _counter--;
                                   }
                               }

                               if (kDebugMode) {
                                   print("${value.length.toString()} character(s)");
                               }
                           });
                       },
                       decoration: const InputDecoration(disabledBorder:
                                                            InputBorder.none,
                                                        border:
                                                            InputBorder.none,
                                                        filled: true,
                                                        fillColor: Colors.white,
                                                      ),
                                                      keyboardType:
                                                          TextInputType
                                                              .multiline,
                                                      textInputAction:
                                                          TextInputAction.done,
                                                    ),

Is it default behaviour or do i need to do any extra step to make it work.

Vladyslav Ulianytskyi · Accepted Answer · 2022-06-27 07:10:25Z

1

this is a default behaviour. when your value = '' and you press delete it is still equal to '' and onChanged not getting called. to achieve your goals you should use a listener like RawKeyboardListener

edited Jun 27, 2022 at 7:10

answered Jun 23, 2022 at 12:47

Vladyslav Ulianytskyi

2,59729 silver badges31 bronze badges

Sign up to request clarification or add additional context in comments.

Comments

Kuldeep · Accepted Answer · 2022-06-30 13:07:49Z

Thanks to Vladyslav Ulianytskyi suggestion.

I have done this with the use of RawKEyboardListner. Here is the sample code.

RawKeyboardListener(
    autofocus: true,
    onKey: (event) {
        setState(() {
            if (event.isKeyPressed(LogicalKeyboardKey.backspace)) {
                print("Perform Your Action");
            }
        });
    },
    focusNode: FocusNode(),
    child: TextFormField(controller: bullet2Controller,
        focusNode: focusNode2,
        maxLines: null,
        minLines: 1,
        textCapitalization: TextCapitalization.sentences,
            cursorColor: Colors.black,
            showCursor: true,
            autofocus: true,
            textAlign: TextAlign.start,
            inputFormatters: [LengthLimitingTextInputFormatter(140),
            ],
            decoration: const InputDecoration(
                disabledBorder: InputBorder.none,
                border: InputBorder.none,
                filled: true,
                fillColor: Colors.white,
            ),
            keyboardType: TextInputType.multiline,
            textInputAction: TextInputAction.done,
        ),
    ),
)

Vishal Parmar · Accepted Answer · 2022-06-27 08:56:34Z

You can try it will below code hope it's work for you

TextEditingController bullet2Controller = TextEditingController();
int currentTextLength = 0;

TextFormField(
    maxLines: null,
    controller: bullet2Controller,
    decoration: InputDecoration(
      hintText: 'Type your observations'
    ),
    style: TextStyle(
      fontSize: 14,
      fontWeight: FontWeight.w300,
      fontFamily: 'Roboto'
    ),
    onChanged: (String newText){
      if (newText != ''){
        if(newText[0] != '•'){
          newText = '• ' + newText;
          bullet2Controller.text = newText;
         bullet2Controller.selection = TextSelection.fromPosition(TextPosition(offset: bullet2Controller.text.length));
        }
        if(newText[newText.length - 1] == '\n' && newText.length > currentTextLength){
           bullet2Controller.text = newText + '• ';
          bullet2Controller.selection = TextSelection.fromPosition(TextPosition(offset: bullet2Controller.text.length));
        }
        currentTextLength = bullet2Controller.text.length;
      }
  }
)

let me know if it's work for you or let me know if there any question.

Collectives™ on Stack Overflow

TextFormField onChanged is not getting called when no character Flutter

3 Answers 3

Comments

Comments

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

3 Answers 3

Comments

Comments

Comments

Your Answer

Sign up or log in

Post as a guest

Related